前言
因为是在读研究生,所以得为找工作谋划谋划,算不上技术博客也就是分享一下我学习的心得感受吧。最初是从up主codesheep那看到的搭建一个个人博客,于是我开始了自己的入坑全过程。
一、Hexo配置安装与运行
- 首先我们要知道Hexo是一个基于Node.js开发的,所以需要下载安装Node.js,Node.js安装过程自行体会,不会的面壁,使用下方命令验证安装是否正确
npm-v
-
如果你是window环境下安装使用,需要有Git环境,建议下载Git Bash,后续在
-
与Ubuntu原因类似,更换npm(Node Package Manager)源, 这里我使用的是淘宝的源
npm install -g cnpm --registry=https://registry.npm.taobao.org
验证一下当前确实可用:
Node.js安装验证cnpm -v
- 安装Hexo客户端,无敌简单
npm install -g hexo-cli
通过hexo -v来验证
- mkdir一个文件夹,来存放blog的所有文件,所有的文件都在这个文件夹下,如果后续出了什么bug或者进行电脑移植,对这个文件夹操作就OK了
- cd 到当前创建的blog的文件夹下
- 进行初始化:hexo init,这里需要Git环境的,可能会比较慢,耐心等待
-
最终生成的文件如图所示:
本地文件生成样式
- 四个简单重要的命令
hexo n "我的第一篇博文" #新建一篇博文,会在/source/_posts下生成一个.md文件
hexo clean #清理当前工作空间
hexo g #这里的g是generate的缩写,表示生成静态资源
hexo s #开启本地服务
效果图如下:
四个命令
我们可以通过:http://localhost:4000 实现本地访问
至此,hexo的安装与运行过程结束
二、发布到Github
我觉得建一个公网可以访问的web,还是蛮骄傲的事情吧!(我大概是个傲娇的人hhh)
-
登陆github账号,右上角+号,新建一个repository
-
这里repo的命名是很讲究的:必须是 github的username.github.io,如下图所示:
image -
需要安装一个插件:
cnpm install --save hexo-deployer-git
这里会有一个Warning忽略即可
- 文件配置,在blog文件下有一个很重要的文件 _config.yml ,后续的一些列美化都会用到这个文件
打开,找到deploy节点,进行填充,如图:
修改配置文件
- 部署到远端,,过程中需要输入github账号和密码
这里的密码输入默认是无显示的,大家不要以为是没输入进去
hexo d
如图所示:
至此,大功告成,我们可以登录网站查看,地址对应的改成自己的就ok了,可能会有一点延迟:
https://nwpuwuhaibo.github.io/
后续
1.当前自带的样式你一定不喜欢,下一篇文章告诉你如何更换主题
2.更换中的一些注意事项
3.如何用markdown开始写第一篇博文
4.如何用图床提高自己的写作效率
网友评论