hexo安装配置及初步使用

文章目录

• 1. 安装前提
• • 1.1 安装 Git
  • 1.2 安装 Node.js
• 2. 安装 Hexo
• 3. 使用 hexo
• 4. 初始化项目
• 5. 更换主题
• • 5.1 下载地址
  • 5.2 配置主题
• 6. 上传到github
• 7. 技巧
• • 7.1 快捷命令
  • 7.2 博客备份（快捷命令升级版）

1. 安装前提

安装hexo之前，需要安装下列应用程序：

• Node.js
• Git

1.1 安装 Git

• Windows：下载并安装 Git(官网)或者淘宝 Git for Windows 镜像，安装选项全部默认，在最后一步添加路径时选择

  Use Git from the Windows Command Prompt

  ，这样我们就可以直接在命令提示符里打开Git了
• Mac：使用 Homebrew, MacPorts 或者下载安装程序。
• Linux (Ubuntu, Debian)：

sudo apt-get install git-core
           

• Linux (Fedora, Red Hat, CentOS)：

sudo yum install git-core
           

安装完成后，在bash中输入

git --version

验证是否安装成功。

1.2 安装 Node.js

• Node.js 为大多数平台提供了官方的安装程序。对于中国大陆地区用户，可以前往淘宝 Node.js 镜像下载。
• 安装完成后，在bash中输入

  node -v

  验证是否安装成功。

2. 安装 Hexo

• 安装必备应用程序后，即可使用

  npm

  （你配吗hahaha开个玩笑）来安装hexo

$ npm install -g hexo-cli
           

3. 使用 hexo

安装后，可以使用两种方式执行hexo（推荐使用第二种哦🐶~~~）：

• npx hexo <命令>

• 将 hexo 所在的目录下的

  node_modules

  添加到环境变量之中即可直接使用

  hexo <命令>

  ：

  echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
             

hexo走起！

4. 初始化项目

• 为你的博客创建一个新的文件夹，该文件夹未来就是你博客放代码的地方，随便放哪都行。比如我的是：

  D:\MyBolg

  ，创建命令如下：

  hexo init /d/mybolg			# Windows命令行不区分大小写
             

• 初始化后，目录结构如下：

  .
  ├── _config.yml
  ├── package.json
  ├── scaffolds
  ├── source
  |   ├── _drafts
  |   └── _posts
  └── themes
             

  1. _config.yml是总配置文件，里面可以修改很多东西，建议里面的所有设置都可以看看，根据里面的注释进行响应的改动，这里就不展开了。
  2. themes目录下会自动生成一个默认的主题

     landscape

     ，并且在source/_post目录下也自动生成了第一篇博客

     hello-world

• 启动本地预览服务命令：

  hexo s

  ，然后在浏览器访问http://localhost:4000即可看到默认的博客内容

  小妙招：可以使用

  hexo -h

  查看hexo命令格式以及选项

5. 更换主题

5.1 下载地址

• hexo主题下载地址：https://hexo.io/themes/#simple
• 选择一个你喜欢的主题，将其下载并保存到

  themes/

  目录下。比如下载的主题为xxx，其相对于博客主目录的路径为

  themes/xxx

5.2 配置主题

• 将

  _config.yml

  中

  theme: landscape

  修改为

  theme: xxx

  ，执行

  hexo g

  重新生成一下，g就表示generate选项。
• 如果出现一些莫名其妙的问题，可以先执行

  hexo clean

  来清理一下public的内容，然后再来重新生成和发布。

6. 上传到github

• 修改_config.yml文件的deploy，直接修改一下yourname部分就可以了

  deploy:
    type: git
    repository: [email protected]:yourname/yourname.github.io.git
    branch: master
             

• 使用hexo deploy将本次改动的代码全部提交到github上

7. 技巧

7.1 快捷命令

• 其实就通过 alias，触发一些命令的集合

  在

  ~/.bashrc

  文件中添加

  alias hs='hexo clean && hexo g && hexo s'  #启动本地服务
  alias hd='hexo clean && hexo g && hexo d'  #部署博客
             

  甚至你也可以加入备份文章的命令，可以自由发挥。

7.2 博客备份（快捷命令升级版）

• 为了保证我们写的文章不丢失、快速迁移博客，都需要备份我们的 blog

1. 博客根目录，执行

   git init

   创建 git 仓库
2. 在 github（或其他托管平台、自建远程仓库等） 创建仓库并和本地仓库建立联系
3. 在

   ~/.bashrc

   文件中添加

   alias hs='hexo clean && hexo g && hexo s'
   alias hd='hexo clean && hexo g && hexo d && git add . && git commit -m "update" && git push -f'
              

• 这样，我们在执行

  hs

  启动本地预览服务，当执行

  hd

  进行部署时，就一同将博客进行备份了