搭建个人静态展示博客,免费方式可使用Github Pages但Github国内访问不太稳定,国内推荐使用gitee Pages搭建。
一.Gitee搭建个人博客准备步骤
- Gitee注册并实名认证成功
- 创建同名仓库,用户名个人主页(gitee.com/testxxx)仓库名为testxxx
二.开源博客选型
Hexo,WordPress,VuePress,Hugo,Solo
- Hexo,基于Node.js的快速、简洁且高效的静态博客框架。Hexo 支持Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。官网hexo.io/zh-cn/
- WordPress,基于PHP语言的动态博客框架,能让你建立出色网站、博客或应用。用户可以在支持PHP和MySQL的服务器上架设属于自己的网站。官网wordpress.org/
- VuePress,一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。官网vuepress.vuejs.org/zh/
- Hugo,用Go语言编写的快速,现代的静态网站生成器,旨在让网站创建再次变得有趣。官网www.gohugo.org/
- Solo,基于Java语言有后台管理的,小而美的博客系统,专为程序员设计。官网solo.b3log.org/
三.Hexo博客搭建
- NodeJs安装官网nodejs.org/en/
- npm源获取修改npm get registry,修改源npm config set registry registry.npm.taobao.org/ 重置默认源npm config set registry registry.npmjs.org/
- 安装hexo命令 npm install -g hexo-cli
- 创建hexo工程文件,hexo init “Blog”(文件夹名称),进入Blog目录执行 npm install
- 本地编译运行命令,hexo clean 清除所有记录,hexo generate 生成静态网页,hexo server -p 80 启动服务。
四.部署到gitee
- 配置本地git ssh,能正常push代码
- 安装插件 npm install hexo-deployer-git --save
- 修改源码中_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
- 部署命令hexo clean && hexo g && hexo d
- 进入gitee选择服务,选择Gitee Pages,选部署分支然后更新。
- 图片资源等文件可在源码添加/source/images,md文件引用
