Gitee Pages Hexo博客搭建

487 阅读2分钟

搭建个人静态展示博客,免费方式可使用Github Pages但Github国内访问不太稳定,国内推荐使用gitee Pages搭建。

一.Gitee搭建个人博客准备步骤

  1. Gitee注册并实名认证成功
  2. 创建同名仓库,用户名个人主页(gitee.com/testxxx)仓库名为testxxx

二.开源博客选型

Hexo,WordPress,VuePress,Hugo,Solo

  1. Hexo,基于Node.js的快速、简洁且高效的静态博客框架。Hexo 支持Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。官网hexo.io/zh-cn/
  2. WordPress,基于PHP语言的动态博客框架,能让你建立出色网站、博客或应用。用户可以在支持PHP和MySQL的服务器上架设属于自己的网站。官网wordpress.org/
  3. VuePress,一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。官网vuepress.vuejs.org/zh/
  4. Hugo,用Go语言编写的快速,现代的静态网站生成器,旨在让网站创建再次变得有趣。官网www.gohugo.org/
  5. Solo,基于Java语言有后台管理的,小而美的博客系统,专为程序员设计。官网solo.b3log.org/

三.Hexo博客搭建

  1. NodeJs安装官网nodejs.org/en/
  2. npm源获取修改npm get registry,修改源npm config set registry registry.npm.taobao.org/ 重置默认源npm config set registry registry.npmjs.org/
  3. 安装hexo命令 npm install -g hexo-cli
  4. 创建hexo工程文件,hexo init “Blog”(文件夹名称),进入Blog目录执行 npm install
  5. 本地编译运行命令,hexo clean 清除所有记录,hexo generate 生成静态网页,hexo server -p 80 启动服务。

四.部署到gitee

  1. 配置本地git ssh,能正常push代码
  2. 安装插件 npm install hexo-deployer-git --save 
  3. 修改源码中_config.yml配置
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: http://testxxx.gitee.io
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: 'git'
  repo: git@gitee.com:testxxx/testxxx.git
  branch: master
  1. 部署命令hexo clean && hexo g && hexo d
  2. 进入gitee选择服务,选择Gitee Pages,选部署分支然后更新。
  3. 图片资源等文件可在源码添加/source/images,md文件引用 ![](images/test.png)