手摸手带你用Hexo撸博客(一)
环境搭建
安装 node
狂点下一步
命令行输入此条命令 如果能看到版本号则安装成功
node -v
安装Git
(同上) 实在不会的小伙伴百度一下,教程很多,不细说了
命令行输入此条命令 如果能看到版本号则安装成功
git version
安装 Hexo
博客的搭建工具有很多,这里我选用的是Hexo,原因嘛,因为我只会这一个,相同功能的轮子会一个就够了,而且也确实好用
全局安装Hexo
打开 CMD
npm install -g hexo-cli
安装完成后，就可以通过Hexo搭建博客了 。
进入要创建项目的目录, 执行以下命令
hexo init my-blog
新建完成后，指定文件夹的目录如下：
├── _config.yml 博客主题的大部分参数配置(不包括主题)
├── package.json 这就不用说了吧
├── scaffolds (模板文件夹 新建文件时根据模板创建)
├── source
| ├── _drafts(博客草稿文件,需要自己新建)
| └── _posts (博客的MD文件,你所写的文章一般都放在这里)
└── themes (主题文件)
根目录下命令行输入
npm run server
一个普通的不能再普通的博客主题就搭建好了
浏览器打开http://localhost:4000 进行本地访问
如果端口号被占用你可以自定义端口号
例如
npm run server --port 5000
部署到Git Page
随意新建一个仓库
名字随便起, 能保证上传下载就行
启动pages
-
点击仓库内的Setting
-
-
往下滑,找到这一个选项
-
-
之后页面会刷新一下,再找到这个选项
点击上面的页面访问路径就可以查看了,不过现在还什么都没有,进去肯定是404
配置自己的项目
去根目录下找到_config.yml这个文件
接着使用 Git 配置下 SSH Key。设置你的用户名和邮箱：
git config --global user.name "你的用户名"
git config --global user.email "你的Github邮箱地址"
生成密钥：
ssh-keygen -t rsa -C "你的Github邮箱地址"
查看密钥并复制：
cat ~/.ssh/id_rsa.pub
Github 添加 SSH Key
然后在 Github 上添加刚刚生成的 SSH Key。
打开 Github –> Settings –> SSH and GPG keys –> SSH keys –> New SSH key，复制之前生成的密钥粘贴就行了。
此时打开 Git，输入命令 ssh -T git@github.com 验证一下，如果出现 Hi XXX! You’ve successfully authenticated, but GitHub does not provide shell access. 说明 SSH key 添加成功了。如果出现问题，很有可能是之前的用户名、邮箱设置错误，检查一下。常见错误可以参考：
git-ssh 配置和使用
GitHub Help - Error Permission denied (publickey)
项目配置一键部署github
需要先安装一个插件
npm install hexo-deployer-git --save
在配置文件的最底部有这几条
然后命令行执行命令(需按顺序)
npm run clean 清除缓存
npm run build项目打包
npm run deploy上传git
大功告成
在访问自己的博客地址就可以访问了, 不会有404了
下期教大家怎么应用主题
毕竟博客这么丑
怎么好意思拿出来见人啊