个人博客搭建

个人博客搭建

方法:

使用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

  1. 在nodejs下安装hexo
    sudo npm install hexo-cli -g
  2. 安装next主题
    git clone https://github.com/iissnan/hexo-theme-next themes/next
  3. 配置 把主站的_config.yml的theme改成next,主题的配置文件中scheme: Mist 语言改为zh-Hans
  4. markdown 格式要注意markdown语法后面要加一个空格
  5. push 到github上
  6. 注意:如果不是在根目录,比如我的是https://ldllidonglin.github.io/blog类似的访问路径的话,得修改根目录下的_config.yml中的root,改为:root: /blog/,然后修改相对应的theme目录下的_config.yml其中的menu目录如:archives: /blog/archives
    Directory不用改,它会生成到public中
  7. 生成标签云页面,首先在主题的配置文件中把tags属性配置好,然后在任意目录执行hexo new page “tags”,会在sources目录下新建tags目录,然后新建一个index.md文档,并修改改文件,添加type: tags,在执行hexo g时,就会在public/tags下生成一个index.htm.
  8. 分类、关于我页面创建方法类似