从0开始搭建hexo个人博客（超详细教程）

搭建自己的个人博客(基于b站up主codesheep的视频)

个人博客的选择

动态博客，运用前后端技术，支持登录等功能，灵活性较高，但搭建比较麻烦

1. wordpress.org — 动态开源的博客框架系统 (php)

   静态博客，搭建较为方便，轻便，功能较少

2. hexo.io — 静态博客框架（js）

3. jekyllrb.com

4. gohugo.org（go）

5. vuepress.vuejs.org

6. solo.b3log.org（java）

   开始搭建个人博客（以hexo博客框架为例）

   一，准备工作

   因为hexo是由node.js 生成的，所以需要下载安装node.js

   访问 nodejs.org, 下载 10.16.3 LTS 并安装 （基本安装过程，无其他特别步骤）

安装完成后有一个绿色的node.js 和一个黑色的node.js command prompt (命令提示符)

二，如何部署环境

win+R 并输入cmd打开windows的命令提示符

输入node -v（注意空格）查看版本
输入npm -v 查看包管理器的版本

为了加快速度，需要用npm安装cnpm，用它指向淘宝的镜像源
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后用 cnpm -v 查看版本

1. 安装hexo
   cnpm install -g hexo-cli
2. 创建存放博客系统的文件夹
   md blog
   ps：我是在当前目录下直接创建的，如果你需要存放在其他地方，可用 chdir 查看所在当前路径，之后再 用 cd+文件夹名 进入到其他路径创建
   pps：windows的cmd命令和linux不同，可用 help 查看所有命令， 也可用 某个命令+/? 查看这个命令的 具体属性

三，如何初始化个人博客

1. 初始化博客站点（如果最后一行显示Start blogging with Hexo!，代表创建成功）
   hexo init（+文件名）

   在执行这一步的时候报错
   INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
   'git' 不是内部或外部命令，也不是可运行的程序
   或批处理文件。
   WARN  git clone failed. Copying data instead
   WARN  Failed to install dependencies. Please run 'npm install' manually!
   
   我查了一下是因为没有安装git， 所以如果你没安装请自行安装。我是之前安装过，它依然报错，所以我在电脑上找到了刚创建的blog空文件夹，进入后右键单击打开了git bash命令行，在git bash命令行里再次初始化就没问题了
   

   2. 启动博客站点

      hexo server/s

  运行后显示  INFO  Start processing
      		INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
  之后可进入 http://localhost:4000 查看本地博客

四，如何写博客

1. hexo new/n + 博客标题(标题需加双引号)

   eg: hexo n “我的第一篇博客”

   运行后会自动生成markdown格式的文章

2. 按创建成功后的提示信息（路径）进入到该文件所在的目录中
   
   即可用vim编辑器打开进行编辑修改（需掌握vim的基本操作）
   也可按提示路径在电脑上找到该文件，用typora编辑软件打开该md文件
   

3. 编辑完成后返回主目录blog(cd … 返回上一层目录)

   运行 hexo clean 清除缓存文件和静态文件（非必要）

   运行 hexo generate/g 生成静态博客文件

   运行 hexo server/s 启动博客

4. 刷新之前的 localhost:4000 网站即可

五，如何把个人博客部署到远端

1. 进入github官网，创建账号，创建新仓库

   PS: 仓库名有固定格式 username.github.io , username 必须是你前面的那个用户名

2. 运行 cnpm install --save hexo-deployer-git 安装git工具（不管之前是否安装过此时都安装一下最好）

3. 此时需要进入配置文件来设置部署，所以需要运行 vim _config.yml 进入该配置文件中

4. 因为需要部署，所以找到部署设置deployment

   设置代码：type: git
   		repo:  (之前GitHub中创建好的仓库地址)
   		branch: master (分支)	
   ps：每个冒号后必须加空格！！！
   

5. 设置完成后退出，在blog目录下运行命令 hexo deploy/d 将本地博客部署到github

   部署过程中按要求输入 github 的账号和密码

   完成后就可直接通过该仓库名（username.github.io）访问博客了

   ​

六，如何给博客换主题

你可以在github上搜索 hexo-theme 来得到更多主题，这里以视频中的 yilia 主题为例

yilia是一个简洁优雅的hexo主题

1. 通过访问网站进入主题仓库

   https://github.com/litten/hexo-theme-yilia

2. 克隆该仓库到blog目录下的 themes/yilia 文件夹(yilia 会自动新建)

   git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

3. 进入 hexo 的配置文件 vim _config.yml , 找到 #Extensions 并更改下面的主题设置 theme: yilia （记得加空格）

4. 退出后，清理缓存 hexo clean , 再次生成 hexo generate/g , 启动站点 hexo server/s , 部署到远端 hexo deploy/d

5. 完成主题更改

关于搭建 hexo 博客到此结束， 更多hexo 详细命令 可访问 https://hexo.io/zh-cn/docs/commands.html