avatar

hexo+gitee搭建个人博客

环境搭建

安装Node.js

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

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

Hexo安装

1
$ npm install -g hexo-cli

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

本地运行Hexo

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

1
$ hexo init

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

1
2
3
4
5
6
7
8
9
10
11

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

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

1
$ hexo s

Git安装

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

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

获取项目地址

发布博客

修改Hexo配置文件_config.yml

1
2
3
4
deploy:
type: git
repo: 码云的项目地址
branch: master

部署博客

1
2
3
4
5
6
7
$ npm install hexo-deployer-git --save 
$ hexo g #编译 一键部署可能失败,先编译
$ hexo g --d #一键部署

#本地测试环境
$ hexo g #编译到本地
$ hexo s #启动服务器

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

开启Page功能

访问博客

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

博客使用的主题

https://jerryc.me/archives/

博客内容编写

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

缩略图可以先发布博客,在从博客上复制链接,然后重新部署即可

1
2
3
4
5
6
7
8
9
---
title: hexo+gitee搭建个人博客
date: 2019-07-06 13:26:55
tags: [博客搭建,gitee]
categories: gitee
author: 郝永亮
top_img: https://haoyongliang.gitee.io/2019/07/06/hexo-gitee%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/01.jpg
cover: https://haoyongliang.gitee.io/2019/07/06/hexo-gitee%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/01.jpg
---
文章作者: 微信:hao_yongliang
文章链接: https://haoyongliang.gitee.io/2019/07/06/gitee/hexo-gitee%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 郝永亮的主页
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论