之前一直想弄自己独立域名的博客，在网上看了很多，也下了很多开源的代码。但是总不让人满意，最近抽时间用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，分布式，微服务。