windows下配置hexo+github，hexo设置，markdown语法

最新推荐文章于 2024-04-28 00:51:46 发布

DavidSuperM

最新推荐文章于 2024-04-28 00:51:46 发布

阅读量1.2k

点赞数

分类专栏：配置文章标签： github markdown

本文链接：https://blog.csdn.net/DavidSuperM/article/details/70195768

版权

配置专栏收录该内容

1 篇文章 0 订阅

订阅专栏

官网：https://hexo.io/
preview：https://davidsuperm.github.io/
reference: http://baixin.io/2015/08/HEXO%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
http://www.jianshu.com/p/e99ed60390a8
http://www.tuicool.com/articles/MVzuEr

配置环境

1. 安装node.js: https://nodejs.org/en/
2. 安装git: https://git-scm.com/
3. 安装hexo: $ npm install -g hexo-cli

建立博客目录

$ hexo init <folder> //我的folder名字是blog，后面都用这个名字说明
$ cd <folder>
$ npm install

写博客

注意需要在博客主目录下进行命令行操作

$ hexo new [layout] <title> //新建一个源文件，也可从别的源文件复制
$ hexo g //或者hexo generate 生成静态页面
$ hexo s //或者hexo server 启动服务器，浏览器输入http://localhost:4000访问

配置github

新建repository,仓库名必须为 your_user_name.github.io

在blog目录下修改_config.yml文件，注意：后面有空格。

deploy:
type: git
repository: git@github.com:DavidSuperM/DavidSuperM.github.io.git
branch: master

$ npm install hexo-deployer-git --save

将本地博客推送到github

注意需要在博客主目录下进行命令行操作

$ hexo clean
$ hexo g //或者hexo generate
$ hexo d //或者hexo deploy

md文件中插入图片

在blog/source/下创建img文件，将图片放入。
hexo clean, hexo g, hexo d
在github仓库中找到图片位置，点击download，复制浏览器的链接，即为图片的链接
我的链接的一般形式为： https://raw.githubusercontent.com/DavidSuperM/DavidSuperM.github.io/master/img/2017-04-16_114626.png

配置博客以及主题

更换主题

从github下载zip解压到blog/themes中
修改blog/_config.yml中themes参数，改为下载的文件名

主题链接

知乎https://www.zhihu.com/question/24422335
官方https://hexo.io/themes/

个人喜欢的比较简约清新的主题

自己手动修改配置

blog/_config.yml中per_page参数，表示首页每页显示几条博客
blog/themes/landscape/_config.yml中将# rss: /atom.xml注释掉，rss表示订阅
blog/themes/landscape/_config.yml中show_count: true，表示小工具显示数目（类别）

在博客首页添加友情链接

1.添加数据文文件

在blog/source文件中创建_data目录，在_data目录中新建links.yml文件，内容如下：
github: https://github.com/DavidSuperM
csdn blog: http://blog.csdn.net/davidsuperm

2.添加主题布局文件

在blog/themes/landscape/layout/_widget/添加links.ejs内容如下：

<% if (site.data.links){ %>
    <div class="widget-wrap">
        <h3 class="widget-title">友情链接</h3>
        <div class="widget tag">
            <ul class="entry">
                <% for (var i in site.data.links){ %>
                <li class='link'><a href='<%- site.data.links[i] %>' target="_blank"><%= i %></a></li>
            <% } %>
            </ul>
        </div>
    <div>
<% } %>

3.填写配置文件

在blog/themes/landscape/_config.yml文件中widgets下添加 - links
如下图

添加分类

在blog\source_posts\hello-world.md中添加

---
title: hello2
date: 2017-04-15 21:47:25
categories: android
tags:
---

添加readmore

在blog\source_posts\hello-world.md中添加


markdown语法

注意

所有markdown标志后面要有一个空格
如果标题上一行是列表，则必须在标题和列表之间空一行
- “`代码注释上下都空一行。（github是没问题，csdn如果不空行界面会不好看）

标题

# 一级标题
## 二级标题
### 三级标题

列表

- 无序列表1
- 无序列表2
- 无序列表3
1. 有序列表1 //注意1.后面有空格
2. 有序列表2
3. 有序列表3

引用

>这个是引用

粗体

**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***

链接和图片

[link text](http://example.com/ “optional title”)
![图片描述](链接)

代码

` `
“` “`

分割线

***
—
___

markdown文档转为word,pdf

使用Pandoc https://www.zhihu.com/question/22972843/answer/30096928
安装Pandoc,使用Typora http://blog.csdn.net/u012814856/article/details/69258511
使用markdownpad

博客网站绑定域名

待完成。。。