hexo 笔记

Windows+R 输入 cmd 回车，输入 D: 回车，输入 cd Blog 回车，输入 cd shaodongtangBlog
Windows+R 输入 cmd 回车，输入 cd /d D:\Blog\shaodongtangBlog

上传: hexo g

提交: hexo d

上传+提交: hexo g -d

本地预览：hexo s -p 浏览器输入 http://localhost:4000

文章基本设置

title: 标题
date: 2019-04-28 20:26:01
comments: true #是否可评论
toc: true #是否显示文章目录
categories: "高等数学" #分类
tags:   #标签
	- CMC
	- Hexo

Hexo 创建标签和分类

Hexo 创建分类

执行命令 $ hexo new page categories 回车 D:\Blog\shaodongtangBlog\source\categories\index.md

打开 index.md 添加 type: "categories"

1
2
3

title: categories
date: 2017-12-02 21:01:24
type: "categories"

Hexo 创建标签

执行命令 $ hexo new page tags 回车 D:\Blog\shaodongtangBlog\source\tags\index.md

打开 index.md 添加 type: "tags"

1
2
3

title: tags
date: 2019-04-28 20:26:01
type: "tags"

插图设置

设置图片百分比

<img src="http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg" width="50%" height="50%">
设置图片大小

<img src="http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg" width="251" height="350">
设置图片居中

<div align=right><img src="http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg" width="50%" height="50%"></div>

字体及颜色设置

我们可以内嵌HTML在<font></font>标签中设置字体、大小、颜色：

字体的设置使用face

<font face="仿宋">仿宋</font> 仿宋

<font face="黑体">黑体</font> 黑体
字体颜色的设置使用color

<font color="#FF0000">红色</font> 红色

<font color="#008000">绿色</font> 绿色

<font color="#FFFF00">黄色</font> 黄色
字体大小的设置

<font size="1">1号字体</font> 1号字体
字体的混合设置

<font face="黑体" color="green" size=5>黑体，绿色，字号5</font> 黑体，绿色，字号5
字体背景色

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>

CSS样式修改

大致步骤如下：

样式文件夹：\themes\next\source\css
新建文件夹_my → 新建mycss.styl文件
按照stylus的格式自定义样式

css button样式的生成网站：https://www.bestcssbuttongenerator.com/

添加自定义样式的按钮

打开mycss.styl文件，在其中添加样式：

.myButton {
    background-color:#0f94bd;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:11px 27px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
    background-color:#5cbf2a;
}
.myButton:active {
    position:relative;
    top:1px;
}

自定义样式的按钮的示例：

1	<a href="#" class="myButton">MyButton</a>

CSS引用

本节选自：Next自定义css样式的使用

空白<br>问题：https://tding.top/archives/63c2fba0.html

主题自带的note样式标签

note去掉icon的样式取消icon在后面添加no-icon即可

1	<div class="note danger no-icon"><p>danger no-icon</p></div>

note样式与字数一致：将div 更换成post-body 开头即可,需要居中时加入<center>即可

1	<post-body class="note danger no-icon">danger no-icon

default连着代码写不要换行

1	<div class="note default"><p>default</p></div>

primary

1	<div class="note primary"><p>primary</p></div>

success

1	<div class="note success"><p>success</p></div>

info

1	<div class="note info"><p>info</p></div>

warning

1	<div class="note warning"><p>warning</p></div>

danger

1	<div class="note danger"><p>danger</p></div>

中国佛教四大名山分别是山西五台山、浙江普陀山、四川峨眉山、安徽九华山，分别是文殊菩萨、观世音菩萨、普贤菩萨、地藏菩萨的道场。四大名山随印度佛教的传入，自中国汉朝开始建寺庙、修道场，延续至今。

question中国佛教四大名山分别是山西五台山、浙江普陀山、四川峨眉山、安徽九华山，分别是文殊菩萨、观世音菩萨、普贤菩萨、地藏菩萨的道场。四大名山随印度佛教的传入，自中国汉朝开始建寺庙、修道场，延续至今。