gitee塔建小型服务器之个人博客网站并配合hexo快速生成网站

一、步骤实现

1.首先拥有一个码云账号

Gitee - 基于 Git 的代码托管和研发协作平台

2.新建仓库

 

 3.上传一个index.html文件

 4.生成静态网站

 5.点击右上角的Gitee Pages，进入如下界面：

 

 需要完成个人信息的认证

6.认证通过后：再按照上面的方法，点击Gitee Pages，进入如下界面：

点击启动服务，就会发现多了一个域名，这个域名就是别人可以直接访问的域名啦。

7.塔建个人博客我们可以使用Hexo来一步完成精美的网站制作，并且可以快速发布博客

Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress
插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有
数百个主题和插件。

 就是说我们可以不用自己写代码，就可以搭建一个属于自己的博客网站，可以在这里发布笔记，写日记，写代码等，除此之外Hexo还提供了免费的主题供我们下载，更换一套吸引人的主题风格，会帮你吸引更多的浏览者

8.安装Node.js 

• Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)
• Node自带npm

9.安装Hexo

npm install -g hexo-cli 或者 cnpm install -g hexo-cli

安装完成可输入hexo -v查看版本

10. 初始化hexo，新建存储博客的文件夹

hexo init myblog

11.进入文件夹，安装一下npm 

cd myblog

npm install

 

12.启动服务站点

hexo server

访问http://localhost:4000/ 至此hero就搭建好了。可以在本地访问了

13.在gitee上建站访问 

格式必须是：用户名+.gitee.io 只有这样，将来要部署到Gite e page的时候，才会被识别，也就是xxxx.gitee.io，其中xxx就是你注册Gitee的用户名。

14.将hexo博客站点上传到gitee上 

这里需要安装一个hexo的上传插件deploy-git

npm install hexo-deployer-git --save

15.修改hexo配置文件指定仓库路径 

在配置文件中打开

找到Deployment加上（注意空格）

deploy:

        type: git

        repo: 你的仓库路径

        branch: master

16.推送hexo站点文件 

推送命令

hexo d

扩展：

       其中 hexo clean清除了你之前生成的东西，也可以不加。
  hexo generate 顾名思义，生成静态文章，可以用 hexo g缩写
  hexo deploy 部署文章，可以用hexo d缩写

推送中会要求输入gitee的用户名和密码（如果不想每次都输可以配置ssh，我这里就不做演示了）

17.配置Pages服务 

审核通过后，启动即可访问

gitee上传新文件之后，需要手动更新一下，更新后的页面才会生效

 二、补充

1.更换theme主题

一般步骤

1、下载解压

2、放到主题包themes文件夹下面

3、在hero配置文件_config.yml中修改为喜欢主题的名字

4、hero server启动即可访问
注意：更换主题重点了解themes这个主题文件夹。

hexo主题地址：Themes | Hexo  找到喜欢的主题打开github根据教程clone主题，或者将主题下载到本地hexo主题文件夹中进行使用。 

 

打开_config.yml配置文件，找到theme:xxx替换成你克隆下来的文件名

使用hexo server运行

本次分享就到此结束!