参照:
https://www.jianshu.com/p/4026acde395f
- 安装hexo
- 在github上新建仓库
- 生成静态页面,上传代码库
hexo clean
hexo g
hexo d
可以通过hexo s
现在本地预览
- 找到自己喜欢的theme,配置主题的config文件。我用了最大众的NEXT,文档地址http://theme-next.iissnan.com/theme-settings.html
- 我用Typora来写文章,这个在Mac上对Markdown还是不错的。试了几个别的,不是付费就是太冗余,比如版本管理啊,这种都托管在git上了,不需要的功能太多。
碰到的问题
- 显示
Cannot GET /tags/
需要新建相关页面hexo new page "tags"
,如果进入tags页面之后没有数据显示,那么很可能跟你主题的设置有关。 - 头像如果是长方形,设置成circle会变成椭圆。
- 文章详情页会有两个Views。因为在valine和busuanzi两个里面都开启了显示阅读量,去掉一个就行。建议是开valine,这样的话首页也会展示Views数据。
文章习惯
- hexo的文章分类不是同级,是父子分类。
- hexo的标签是没有层级的。
修改的一些参数
- 折叠文章。主题配置里的auto_excerpt参数。更好的办法是在文章中加入,这样显示的是有样式的。更好看。
- 默认生成草稿。hexo配置里的default_layout: draft。
如果草稿要发布,需要用hexo publish hello.md;如果发布的文章变成草稿,貌似只能自己移动文件。 - 评论使用的是valine。如果visitor开启的话,评论的时候不需要验证,并且能够统计浏览量。
- 有些页面不想显示评论。则在这个页面的index文件里面加上comments: false。
- 首页以及文章页显示的文章信息在主题配置的post_meta字段。比如你不想要那个Edited on,就在着配置。
post_meta:
updated_at:
# If true, show updated date label only if `updated date` different from `created date` (post edited in another day than was created).
# If false show anyway, but if post edited in same day, show only edited time.
another_day: false
- 在首页添加图片
- 页面的渲染大多数效果在配置里都不能实现,所以要去改swig的文件。比如博客底下的页面浏览次数,可以在
./next/layout/_third-party/analytics/busuanzi-counter.swig
里修改,自定义添加一些文字。具体的你可以在预览页面右键检查,查看是哪个样式,然后在定位到在哪个swig文件,然后修改。其中{# 注释 #}是注释。没学过前端,不知道这么说对不对。。。
网友评论