gitee如何搭建mysql_Windows基于gitee使用hexo搭建个人博客笔记

声明"全局变量"(以后我提到的站点配置文件和主题配置文件地址):

"站点配置文件"位置为 hexo/_config.yml

"主题配置文件"位置为 hexo/themes/next/_config.yml

搭建hexo

安装hexo

命令行中输入以下命令(npm即为Node.js环境,如果卡顿推荐使用cnpm)

npm install -g hexo

hexo初始化

找一个文件夹,这个文件夹将来会存储你所有博客的markdown文件以及生成的html文件,慎重选择。

执行命令

hexo init

会生成一个名为hexo的文件夹,hexo/source/_posts即为放置markdown文档的文件夹。

本地启动

最开始hexo会提供一个hello world页面供各位调试,现在就使用这个页面,切换到根目录,执行:

hexo g

执行完这个命令后会生成一堆文件,像这样

ca99df4071d4

再执行:

hexo s

ca99df4071d4

这样本地服务就启动了,接着访问 http://localhost:4000 就可以看到hello world页面啦

基本配置

站点配置文件

title: 发给官兵's blog

subtitle: Less complain,do more!

description: 发给官兵的技术博客

author: 发给官兵

language: zh-Hans

ca99df4071d4

选用主题(next)

因为大家都推荐用这个,个人也觉得这个主题确实美观大方且不花哨,就直接用这个主题了。

站点配置文件

theme: next

部署到gitee

安装插件

cnpm install hexo-deployer-git --save

站点配置文件

repository 直接复制码云的仓库地址即可

deploy:

type: git

repository: git@gitee.com:fageiguanbing/blog.git

branch: master

一个坑

这个 root 对应你的仓库名称,默认情况是 / ,但是仓库肯定是有名称的,我的仓库名称为blog,所以此处为 /blog

root: /blog

部署

hexo clean #清缓存

hexo g

hexo d

菜单增加分类(categories)与标签(tags)

ca99df4071d4

1.1 给文章添加“type”属性

在根目录 hexo/ 中执行以下命令

$ hexo new page categories

成功后会提示:

INFO Created: ~/Documents/blog/source/categories/index.md

根据上面的路径,找到 index.md 这个文件,打开后默认内容是这样的:

---

title: categories

date: 2018-09-14 11:23:58

---

添加 type: "categories" 到内容中,添加后是这样的:

---

title: categories

date: 2018-09-14 11:23:58

type: "categories"

---

1.2 给文章添加“categories”属性

同理,先执行生成一个名称为 categories 的文件夹

$ hexo new page categories

修改 index.md 文件为:

---

title: tags

date: 2018-09-14 11:20:53

type: "tags"

---

1.3修改 主题配置文件 让网页中显示标签和分页

menu:

home: / || home

tags: /tags/ || tags

categories: /categories/ || th

archives: /archives/ || archive

新增博客时模板配置

需求:在使用 hexo new 文章名 时,默认生成分类与标签

文件夹位于 hexo/scaffolds 中,新建模板名为 blog.md ,其中内容定义

---

title: {{ title }}

date: {{ date }}

tags:

categories:

---

在创建你的博客时,使用命令 hexo blog "你的博客名文件名称" 即可使用模板进行创建

注:tags和categories的格式均为:在英文状态下 冒号后加一个空格,再加上中括号 [] ,中间以 , 逗号进行分隔

例如,我的tags为MySQL和数据库,分类为数据库

---

title: {{ title }}

date: {{ date }}

tags: [MySQL,数据库]

categories: [数据库]

---

站内搜索

需求:全站模糊查询

安装 hexo-generator-searchdb,在站点的根目录下执行以下命令:

$ npm install hexo-generator-searchdb --save

编辑 站点配置文件,新增以下内容到任意位置:

search:

path: search.xml

field: post

format: html

limit: 10000

编辑 主题配置文件,启用本地搜索功能:

# Local search

local_search:

enable: true

然后 重新生成 查看:

$ hexo clean

$ hexo s -g

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

这样,搜索功能就添加上了.

腾讯分析(流量分析)

需求:主页及各个页面访问量统计

登录腾讯分析,获取分析ID

ca99df4071d4

然后在 主题配置文件 _config.yml 里将 ID 放置 tencent_analytics 字段。

设置完成后访问你的博客,然后等待一段时间,看腾讯分析的管理控制台即可。

本文由 发给官兵 创作,采用 CC BY 3.0 CN协议 进行许可。 可自由转载、引用,但需署名作者且注明文章出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值