标签:web hexo pacman resume theme
原文 http://blog.13kbook.com/2015/01/02/add-resume-type-to-hexo-under-pacman-theme/
虽然暂时不找工作,但是想着简历也是个向别人推销自己的好东西。然后也想着折腾点新的东西,如此,这般,便想着研究起写个简历了。
形式不限,但是必须是在线的,最好是很简洁的。
既然是在线的,那就干脆直接用博客呗,直接放在上面。
写博客既然用Markdown,那简历也直接用Markdown,一个是可以在线渲染,另外一个是生成PDF的工具也很多,Github一搜就有好几个不错的。
由于用的主题是Pacman,那就在它的基础上直接改。虽然网页相关基础只是了解一些,但是并不妨碍修改。
先看下最终的效果吧。简历效果。 是不是很简洁,达到了预期的效果。嘿嘿。
hexo的主题是放在themes目录下的。先从Pacman下载Pacman主题。下载完成后参考官方说明设置主题为它。
接着就开始动工了。
既然是简历嘛,那就不希望它出现在首页的列表里面。也就是md文件不要放在/source/_posts文件夹。建一个about的文件夹,放在/source/about里面。
然后新建一个resume.md文件。
注意,这个地方我遇到了一个坑,由于md是自己写的,不是hexo自动生成的,导致date后面那行的”—-“(三个-)没写,然后后面就坑爹了,死活生成不了正常的页面,同时顶部的键值对冒号之间注意要加空格,很多这种坑。
然后一切按照正常的流程走,把简历也写好。
title: Resume layout: post date: 2015-01-02 23:23:59 --- # 王小二(wangxiaoer#gmail.com) ##个人信息 - 本科/XXX大学(20XX.9-20XX.7)/计算机科学与技术 - 工作年限:2年 - 技术博客:http://xxxxx.com - 地点:北京 ##工作经历 ###五道口宇宙中心 ####XXXX项目(2013.10-至今) - XXXXXXXXXXXXXXXXX - XXXXXXXXXXXXXXXXXX - XXXXXXX - XXXXXXXXXXXXXXXXXXXXXX ##技能列表 熟悉:Android/Java 了解:C#/WP,Python,HTML, Markdown等现在看起来跟Pacman主题下任何普通的博文样式一样。
<% } else if(page.layout=='search'){ %> <%- partial('_partial/head') %> <body> <header> <%- partial('_partial/header') %> </header> <div id="container"> <%- partial('_partial/search')%> </div> <%- partial('_partial/after_footer') %> </body> </html>
<div id="main" class="<%= item.layout %>" itemscope itemprop="blogPost"> <article itemprop="articleBody"> <%- partial('header') %> <div class="article-content"> <%- partial('gallery') %> <% if( table&&(item.toc !== false) && theme.toc.article){ %> <div id="toc" class="toc-article"> <strong class="toc-title"><%= __('contents') %></strong> <%- toc(item.content) %> </div> <% } %> <%- item.content %> </div> </article> </div>
<% } else if(page.layout=='resume'){ %> <% if(page.source.match(/\.md$/)){ %> <%- partial('_partial/head') %> <body> <div id="container"> <%- body %> </div> <div id="footer"><br/></div> <%- partial('_partial/after_footer') %> </body> </html> <% }else{ %> <%- page.content %> <% } %> <% } else if(page.layout=='page'){ %>
不仅仅可以增加resume属性,也可以增加其他的来扩展更多的自定义页面,比如404页面。
花了一晚上时间研究,虽然在—-三个-处耽误了不少时间,还是蛮有趣的。
有任何问题欢迎向我反馈。
源码我已经放在Github(https://github.com/waylife/pacman_with_resume)上了,欢迎star以及fork。
标签:web hexo pacman resume theme
原文地址:http://blog.csdn.net/waylife/article/details/42363139