之前一直想弄自己独立域名的博客,在网上看了很多,也下了很多开源的代码。但是总不让人满意,最近抽时间用Hexo搭建了自己的博客。以下教程写的很简单网上有很多不明白的可以百度。
一、环境配置
node.js下载可以从其官方界面开始https://nodejs.org/zh-cn/ Git下载则可以从其官方界面开始https://git-scm.com/
二、Hexo的安装与基本命令
接下来我们可以安装生成网站的关键——Hexo架构了,其主要信息和安装命令、主题等都可以从其官网轻松得到:https://hexo.io/zh-cn/
为了安装Hexo,只需要在my-blog-hexo目录中单击右键启动Git Bash Here,然后输入命令:
npm install hexo-cli -g 网上有很多其他的命令,建议一切以官网命令为依据,由于时间版本原因,很有可能未来的命令发生改变而失效。
然后等待几分钟(取决于你的网速),完成后需要首先进行初始化在本地生成Hexo相关目录:
hexo init 然后就可以使用Hexo三连了,即我们最常用的三个主要命令(依旧在上述Git Bash命令端口中):
hexo clean # 清空已有hexo网站文件 hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件 hexo server(or s) # 启动本地服务器,可以在localhost:4000查看网站修改效果 依次运行上述三个命令,就可以在浏览器打开localhost:4000端口,查看对应网站界面效果,一般默认的是一个landscape主题,后期当提交新文章或者新的样式修改时,往往都是先从本地查看结果无误后再部署到Gitee Page。
三、主题下载与安装
在选择主题的过程中遇到了很多问题,其原因就是主题功能不全导致的。最后推荐搭建使用hexo-theme-next主题,因为这个功能最全。
在这个过程中,主题的许多是要修改的。
-
语言
-
菜单
-
版权
-
gitHub banner
-
社交信息
-
头像信息
-
阅读时间统计
-
打赏设置
-
评论设置
-
百度统计
-
leancloud访问统计
-
不蒜子阅读访问统计
-
本地搜索
-
背景canvas加载动画
-
SEO优化(必须要做,然后百度就搜不到你的博客)
以上就是我的hemes\next_config.yml设置的基本情况。
四、网站配置文件修改
具体可参考,网上教程很多我就不一一罗列了。
gitee支持自定义域名的,可以在阿里云买上一个域名备案,然后添加DNS这样就饿可以用了。
五、效果展示
主页:
归档:
关于:
公益404:
点击原文预览博客。
微信公众号
JAVA程序猿成长之路
分享资源,记录程序猿成长点滴。专注于Java,Spring,SpringBoot,SpringCloud,分布式,微服务。