用Hexo在本地搭建一个博客
所需环境 nodejs
npm install -g hexo-cli
快速开始
- 随便找个文件夹下打开终端,输入
hexo i blog // init的缩写 blog是项目名
cd blog //切换到站点根目录
hexo g //generetor的缩写
hexo s //server的缩写
打开浏览器输入localhost:4000查看:
这个就是hexo默认的博客主题。现在你已经可以在这个主题下写博客了。
当然,我是不喜欢这样的,幸好,github上有大量的主题可供选择,这里我选择使用nexT主题。
选择主题–nexT
- 在根目录blog输入
git clone https://github.com/iissnan/hexo-theme-next
- 完成后,这代表网站主题已经安装完成,这时候只需要自定义主题了,就找到thems/next下的 _config.yml, 这个就是主题的配置文件
然后自定义自己的内容,找到thems字段,设置成next;
- 在终端输入
hexo clean //清除缓存
hexo g //重新生成代码
hexo s //部署到本地
//然后打开浏览器访问 localhost:4000 查看效果
nexT主题有三种选择,这个只是最简洁的一种,我们选择最好看的那个。
Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
Mist - Muse 的紧凑版本,整洁有序的单栏外观
Pisces - 双栏 Scheme,小家碧玉似的清新
- 配置next
当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。更多的设置请移步官方文档
http://theme-next.iissnan.com/getting-started.html
将本地博客上传到github 话不多做,直接开始。
将博客部署到github
-
注册github账号 地址: github
-
创建一个new repository,名称为 yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦
- 按格式输入项目名称
- 点击settings 创建一个page
- 设置github pages
接下来将我们Hexo的代码部署到github上。
- 修改hexo站点的配置文件
改成这样就好了,记得保存。
注意!!!冒号的后面一定一定一定要有一个空格!!
- 部署一下到github就好了
npm install hexo-deployer-git --save //先装个插件压压惊 hexo d // 部署的命令
发布你的第一篇博客 根目录下输入 :
hexo new "postName"
//hexo n 也可以
//你自己的博客名称,名为postName.md的文件会建在目
//录/blog/source/_posts下。
文章编辑完成后,终端在根目录文件夹下,执行如下命令来发布:
hexo g //生成静态页面
hexo d //发布
现在查看一下: 个人博客就创建成功了
已经发布上去咯。
参考链接
- https://geeksblog.cc/hexo-theme.html;
- https://blog.csdn.net/Hoshea_chx/article/details/78826689