本文共 3180 字，大约阅读时间需要 10 分钟。
前言
博客和写笔记是同一个概念：将你自己的所思所想图文并茂地记录下来。这不仅能锻炼自身的写作水平，也能让将来的自己了解当初自己的想法，且对某些事情做一个总结。
基本原理
本文用的是Github建立博客，没注册Github的先注册一个 https://github.com
GithubPage官网 https://pages.github.com/ 最后做出来的效果(我的博客) https://jameshoi.github.io/
准备环境
安装node.js
从官网下载相应版本的安装文件，进行安装即可。 下载地址：https://nodejs.org/ 在命令提示符中使用 node -v 命令来测试 node.js 是否安装成功。
安装git
从官网下载后安装时全选默认即可 下载地址：https://git-scm.com/downloads添加SSH Key
打开命令提示符，输入bash后按Enter，并输入：
ssh-keygen -t rsa -C "xxxxx@xxx.com"
注意要先注册Github，并将 xxxxx@xxx.com改为注册时用的邮箱，中间的提示，可以直接按回车即可。成功后会生成两个文件 idrsa 和 idrsa.pub。
此时 C:\Users\84694.ssh 路径下就会有两个文件生成。
回到GitHub官网，点击你的头像，选择 Settings-> SSH keys->New SSH key。 复制 id_rsa.pub 中的内容到github中。
安装Hexo
开始搭建博客啦！新建一个文件夹，并在其目录下打开命令行,输入以下命令。
npm install -g hexo
等安装完毕，通过输入 hexo 的命令来测试Hexo是否安装成功
接着初始化 hexo。
hexo init hexo
初始化成功会显示 StartbloggingwithHexo! ，这时在你刚才创建的Blog文件夹里面会多出一个hexo文件夹。
进入到hexo目录，输入指令npm install，安装依赖文件以及部署形成文件。
cd hexo
npm install
hexo generate
此时，hexo已经安装完毕。下面使用server来验证是否安装成功。输入命令：
hexo server
恭喜，此时hexo已经安装完毕，在git bach里面按 Ctrl+c 退出server。 配置Github pages
登录Github，点击”New repository”，新建一个版本库
输入仓库名：(你的Github名称).github.io。然后点击 Createrepository。
注意！注意！注意！重要的话说三次。一定要用自己的github的用户名，不然显示不出来。 然后就是启用 gitHubPages
点击右边的Setting 菜单进入设置，找到GitHub Pages，点击 Choosea theme 
随意选择一个模版，点击 Selecttheme，发布github默认生成的一个静态站点。
此时Github pages配置完毕，你已经有了一个github托管的静态网站，在浏览器中输入地址：http://(你的用户名).github.io 将会看到这个网站。
恭喜你，已经拥有了一个真正的博客。 将本地hexo博客托管到GitHub上
hexo的配置文件为目录下的 _config.yml ，修改此文件即可更改设置。编辑最后面的deploy属性。
输入命令，安装 hexo-deployer-git 插件
npm install hexo-deployer-git --save
使用命令部署本地博客到github上。
hexo clean
hexo generator #简写 hexo g
hexo deploy #简写 hexo d
进阶操作
编写文章的Markdown我个人建议用vscode编写，尝试过Markdownpad，感觉预览的效果不是特别好
安装插件
首先推荐的是Markdown Preview Enhanced插件，安装完后可以浏览Markdown
另外一个推荐的是Markdown Command Assist，安装后在编辑md的时候右键可以一键添加Markdown格式
切换博客主题
到主题的 GitHub 主页下，复制地址 
在终端 cd 到博客根目录
git clone刚才复制的地址themes/xxxx ， xxxx 是主题名 例如： git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer
或者：从 https://hexo.io/themes/ 下载 release 包，解压到博客根目录 themes/ 文件夹下
修改博客根目录下的 _config.yml 文件，注释掉原来的 theme 并新增一句 theme:xxxx (注意冒号后面有空格) 
xxxx 为博客根目录 themes/ 文件夹下，对应的主题文件夹名称。
快速上传文章
当你已经完全成功配置了hexo，可以通过添加vscode的任务脚本来进行快速上传 点击终端->配置任务->使用模板创建tasks.json->随便选一个
然后以下文本替换到tasks.json
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "hexo server",
"type": "shell",
"command": "hexo server -s -d"
},
{
"label": "hexo build",
"type": "shell",
"command": "hexo clean&hexo g"
},
{
"label": "hexo publish",
"type": "shell",
"command": "hexo d"
},
{
"label": "hexo all",
"type": "shell",
"command": "hexo clean&hexo g&hexo d",
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
修改完成后点 终端->运行任务
hexo all: 一键上传(生成+上传)hexo build: 生成网页hexo publish: 通过git上传hexo server: 打开hexo本地服务器
已将hexo all设置为默认任务，所以可以使用快捷键Ctrl+Shift+B进行一键上传
总结
写博客其实很有趣，建立博客的同时还能提升自身的技能，岂不一石二鸟？
转载地址：http://jmqhp.baihongyu.com/