Gitee+Hexo搭建个人博客

Author Avatar
子语 2017 - 09 - 22
  • 在其它设备中阅读本文章

Gitee: 由于github在国外,被墙了,于是把目光投向了国产Github,Gitee,算是支持国产吧。
Hexo:一个快速、简洁高效的博客框架,使用Markdown解析文本。

环境搭建

安装Node.js

Windows用户访问Node.js下载Node.js安装包后,直接运行安装即可(node.js下载也很慢,最好翻墙)。安装后,更换下npm的源,否则下载速度着实让人着急。

$ npm config set registry http://registry.npm.taobao.org/

Hexo安装

$ npm install -g hexo-cli

Hexo的基本使用请查看hello-world文中所写。

本地运行Hexo

在本地选中一个空文件夹(一定要是空文件夹!!),在空文件中执行如下命令,生成Hexo运行所需要的文件:

$ hexo init

初始化后,文件夹的目录如下:

.
├── .deploy       #需要部署的文件
├── node_modules  #Hexo插件
├── public        #生成的静态网页文件
├── scaffolds     #模板
├── source        #博客正文和其他源文件等都应该放在这里
|   ├── _drafts   #草稿
|   └── _posts    #文章
├── themes        #主题
├── _config.yml   #全局配置文件
└── package.json

之后在本地执行如下命令后,即可访问 http://localhost:4000 访问Hexo页面

$ hexo s

Git安装

Git安装包地址,根据操作系统选择安装包下载后安装即可。

注册码云账号,并创建一个项目

创建新项目

创建新项目

获取项目地址

获取项目地址

发布博客

修改Hexo配置文件_config.yml

deploy:
	type: git
	repo: 码云的项目地址
	branch: master

部署博客

$ npm install hexo-deployer-git --save 
$ hexo g --d  #一键部署

此时会弹出一个对话框,提示输入码云的账号密码。部署成功后,登陆码云。此时本地文件夹中出现有一个public文件夹,代表部署成功。

开启Page功能

开启Page功能

开启Page功能

博客部署成功

访问博客

在浏览器地址栏输入上图中的博客地址,即可访问,效果图如下:
我的博客

博客使用

在博客目录的source文件中的_post文件夹中添加你要写的博客文件,文件命名为file_name.md
file_name.md的文件开头如下:

---
title: file_name
tag: 标签名
categories: 分类
comment: 是否允许评论(true or false)
description: 描述
---
文档正文编写,请参照markdown语法。

结尾

如果搭建过程中,还有什么问题,请在下方留言。谢谢您的阅读!

This blog is under a CC BY-NC-SA 3.0 Unported License
本文链接:http://yov.oschina.io/article/博客搭建/Tool/Gitee+Hexo搭建个人博客/