个人HEXO博客使用手册

Hexo 建站需要手动操作的地方很多,并且有时候需要从头再来,所以很有必要记录下一个程式化的流程。
这样可以节省再配置的时间,也可以避免对同一问题反复搜索。
以后也会根据“技能 get”情况,陆续更新本帖。

  1. 写博客的流程:

    • cd hexo
    • hexo new "postName"
    • 编辑 source_post\目录下的postName.md (文件头格式)
    • hexo generate #将内容更新到hexo\public目录下
    • hexo server 搭建本地服务器
    • 在localhost:4000 查看效果,进行反复调试。ctrl+c退出。
    • hexo deploy 发布到github上,完成更新。
  2. 高阶设定:

    • <!--more-->放在想作为摘要的一段文字的下方。则这段文字自动成为文章摘要。下方会显示“阅读全文”
    • hexo new page "about"自定义About页面。然后可以在_config.yml中配置about
    • 也可以直接创建source\about\index.html,然后配置
    • 图片显示:在 Source 目录下建立 img 的文件夹,将图片中要使用的图片放入这个文件夹,之后在 markdown 中的语法是: ![hello](image/hello.jpg),
      比如,![wordpress](../img/wordpress.jpg)
    • 创建草稿在 source/_drafts/new-draft.md, 语句是:hexo new draft "New Draft"
    • 在博客中插入 Vimeo,youtube视频,语句是:
  1. 修改Theme

    • 主题安装:git clone <source url>
    • 主题配置:hexo_config.yml中
      • theme:主题名, 主题名要与上一步拷贝的文件夹名一致
      • menu:配置页头显示那些菜单,冒号后面对应的是各个文件夹
        • 归档:/archives
        • 阅读:/reading
        • 关于:/about
      • widgets: 配置页面一侧显示哪些栏目
        • category
        • tag
        • tagcloud
        • recent posts
        • blogroll
      • blogroll: 友情链接
        • - bruce sha's duapp wordpress: http://ibruce.duapp.com
    • 主题更新:cd themes/主题名 , 然后输入git pull
  2. 其他配置

    • hexo更新: npm update -g hexo 在hexo目录下。
    • Tips: 无论是插件还是主题在安装后都需要在根目录下_config.yml中修改plugins和theme的值以启用他们。
    • 未完待续…

####Bug

  1. 如果以中文为文章名,则 title 后要用双引号,否则文件头的配置信息就识别不出来。
  2. <!--more-->注意more 是全小写。

欢迎关注微信号 QuickFlip,获取更多精彩内容。

qrcode

文章目录
|