用Hexo在本地搭建一个博客
所需环境 nodejs
安装 nodejs;
安装 git
选择自己电脑对应的版本下载安装
使用npm安装Hexo的脚手架工具 hexo-cli
npm install -g hexo-cli
快速开始
随便找个文件夹下打开终端,输入
hexo i blog // init的缩写 blog是项目名
cd blog //切换到站点根目录
npm install // 安装初始镜像包
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
当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。更多的设置请移步官方文档 next主题设置
将本地博客上传到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://blog.csdn.net/Hoshea_chx/article/details/78826689
作者:小样儿吧你
链接:https://juejin.im/post/5afba1f1518825428630ab72
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。