个人博客搭建
方法:
使用github page,因为没有在本地使用jekyll生成静态页面,而直接上传md到github的话,渲染会有问题,之前一直没有花时间解决,这几天没事做就折腾了以下。试了几种方式:
使用sublime的markdown preview 插件生成html
我这个博客是用来随手记的,修改博客的操作应该会有很多次,生成了html后就不好修改了,而且目录、导航、分页、首页等就得自己写了,所以放弃之。
strapdown.js
用strapdown.js动态生成html,详细见strapdownjs;最后采用的办法也是这个,但是文件不能写成md,因为如果是md,github上的jekyll会自动渲染,那strapdown就失效了,所以只能写成html,在sublime上装markdown preview插件 可以预览。但这样的弊端就是在github上直接看就不好看了,那也没办法,只能这样做了。
hexo
hexo github
从网络中的众多博客中学来的,hexo generate后得到的是静态的html,而且还挺美观的,使用的theme是next.真正的就是专注于写博客,分页、标签、目录什么的都解决了,jekeyll分页得自己解决。把生成的public放到sae或者git上,就行了。折腾了两天最后决定使用这种方法。常见问题解决官网wiki
- 在nodejs下安装hexo
sudo npm install hexo-cli -g - 安装next主题
git clone https://github.com/iissnan/hexo-theme-next themes/next - 配置 把主站的_config.yml的theme改成next,主题的配置文件中scheme: Mist 语言改为zh-Hans
- markdown 格式要注意markdown语法后面要加一个空格
- push 到github上
- 注意:如果不是在根目录,比如我的是https://ldllidonglin.github.io/blog类似的访问路径的话,得修改根目录下的_config.yml中的root,改为:root: /blog/,然后修改相对应的theme目录下的_config.yml其中的menu目录如:archives: /blog/archives
Directory不用改,它会生成到public中 - 生成标签云页面,首先在主题的配置文件中把tags属性配置好,然后在任意目录执行hexo new page “tags”,会在sources目录下新建tags目录,然后新建一个index.md文档,并修改改文件,添加type: tags,在执行hexo g时,就会在public/tags下生成一个index.htm.
- 分类、关于我页面创建方法类似