How to use Hexo to build your own blog?

Linux

安装思路

• 安装虚拟机 VMware
  • 参考 VMware15虚拟机安装教程
• 安装 Ubuntu
  • 参考 VMware安装Ubuntu18.04（必会） - keaiC的文章 - 知乎
• 部署博客
  • 参考 Hexo + Github一小时快速搭建博客教程
    • 安装 Git
      • ubuntu 16.04 安装git的方法
    • 安装 Node.js（遇到困难）
      • How To Install Node.js on Ubuntu 18.04
    • 安装 hexo
• 写第一个博客 helloworld
  • 参考 hexo-教程-写作
• 换新主题
  • 参考 有哪些好看的 Hexo 主题？- 知乎
    • 选择了NexT 主题 开始使用

难点：如何安装 Node.js

• 我选择的是直接下载Node.js二进制文件解压。问题在于：
• 参考 linux 下部署nodejs（两种方式），即可解决上述问题
  • 采用法2，环境变量配置
    • 不用root账号
    • 可以改用~/.profile

完善第一篇文章

• 插入图片

  • 参考 hexo中完美插入本地图片

• 生成目录

  • 其实很简单……在blog/themes/next/_config.yml中找到toc，然后enable。
  • 注意
    • 在浏览文章全文时才会有显示，sidebar在右边
    • 另外，在Ubuntu时可能因为屏幕是4:3，没显示出来。在windows浏览时宽屏16:9有显示的

      # Table Of Contents in the Sidebar
      toc:
        enable: true
      
        # Automatically add list number to toc.
        number: true

• 标签、分类

  • 参考 hexo_front-matter

• 主页不显示全文

  • 参考 如何设置「阅读全文」？

• 设置显示语言为简体中文

  • blog/_config.yml 中，设置 language: zh-Hans
  • blog/themes/next/_config.yml 中，设置 language: zh-Hans

• 可评论

  • 评论系统 来必力，参考 hexo博客优化之实现来必力评论功能

    # Support for LiveRe comments system.
    # You can get your uid from https://livere.com/insight/myCode (General web site)
    livere_uid: *******************

• 修订时间

  • 参考 hexo_front-matter，在具体文章的front-matter增加updated，如：Windows

• GitHub+Hexo 搭建个人网站详细教程

• 页内跳转（20190209）

  • Typora：Typora如何实现内部跳转？ - 知乎
  • hexo：Hexo博客实用技巧-实现页面内部跳转

• 访问统计（20190215）

  • hexo-Next主题帮助：数据统计与分析，我用了不蒜子统计
    • 解决Hexo博客的访问量无法显示

• 图片缩放（20190215）

  • 参考 markdown中插入图片怎么定义图片的大小或比例？ - 朱凯的回答 - 知乎

  <img src="" width="50%" height="50%">