手摸手带你用Hexo撸博客(一)
手摸手带你撸博客(一)
环境搭建
安装 node
狂点下一步
命令行输入此条命令 如果能看到版本号则安装成功
1 | node -v |
安装Git
(同上) 实在不会的小伙伴百度一下,教程很多,不细说了
命令行输入此条命令 如果能看到版本号则安装成功
1 | git version |
安装 Hexo
博客的搭建工具有很多,这里我选用的是Hexo,原因嘛,因为我只会这一个,相同功能的轮子会一个就够了,而且也确实好用
全局安装Hexo
打开 CMD
npm install -g hexo-cli
安装完成后,就可以通过Hexo搭建博客了 。
进入要创建项目的目录, 执行以下命令
1 | hexo init my-blog |
新建完成后,指定文件夹的目录如下:
1 | ├── _config.yml 博客主题的大部分参数配置(不包括主题) |
根目录下命令行输入
npm run server
一个普通的不能再普通的博客主题就搭建好了
浏览器打开http://localhost:4000
进行本地访问
如果端口号被占用你可以自定义端口号
例如
npm run server --port 5000
部署到Git Page
随意新建一个仓库
名字随便起, 能保证上传下载就行
启动pages
点击仓库内的Setting
往下滑,找到这一个选项
之后页面会刷新一下,再找到这个选项
点击上面的页面访问路径就可以查看了,不过现在还什么都没有,进去肯定是404
配置自己的项目
去根目录下找到_config.yml
这个文件
接着使用 Git 配置下 SSH Key。设置你的用户名和邮箱:
1 | git config --global user.name "你的用户名" |
生成密钥:
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了
下期教大家怎么应用主题
毕竟博客这么丑
怎么好意思拿出来见人啊