说码解字
0%

写作工具

发表于 更新于 分类于 Valine：

微信公众号

排版工具地址：https://markdown.com.cn/editor/
注意事项：不要使用“格式化文档”功能

常用公众号排版设置

格式：衬线字体
排版主题：自定义（基于红绯）
代码主题: atom-one-dark Mac风格
自定义样式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
/* 自定义样式，实时生效，浏览器实时缓存 */

/* 全局属性
 * 页边距 padding: 30px;
 * 全文字体 font-family: ptima-Regular;
 * 英文换行 word-break: break-all;
 */
#nice {
  padding: 20px;
}

/* 段落，下方未标注标签参数均同此处
 * 上边距 margin-top: 5px;
 * 下边距 margin-bottom: 5px;
 * 行高 line-height: 26px;
 * 词间距 word-spacing: 3px;
 * 字间距 letter-spacing: 3px;
 * 对齐 text-align: left;
 * 颜色 color: #3e3e3e;
 * 字体大小 font-size: 16px;
 * 首行缩进 text-indent: 2em;
 */
#nice p {
}

/* 一级标题 */
#nice h1 {
  border-bottom:2px solid rgb(248,57,41);
}

/* 一级标题内容 */
#nice h1 .content {
  display:inline-block;
  font-weight:normal;
  background:rgb(248,57,41);
  color:#ffffff;
  padding:3px 10px 1px;
  border-top-right-radius:3px;
  border-top-left-radius:3px;
  margin-right:3px;
}

/* 一级标题前缀 */
#nice h1 .prefix {
}

/* 一级标题后缀 */
#nice h1 .suffix {
}

/* 二级标题 */
#nice h2 {
  text-align:left;
  margin:20px 10px 0px 0px;
}

/* 二级标题内容 */
#nice h2 .content {
  font-family:STHeitiSC-Light;
  font-size:18px;
  font-weight:bolder;
  display:inline-block;
  padding-left:10px;
  border-left:5px solid rgb(248,57,41);
}

/* 二级标题前缀 */
#nice h2 .prefix {
}

/* 二级标题后缀 */
#nice h2 .suffix {
}

/* 三级标题 */
#nice h3 {
}

/* 三级标题内容 */
#nice h3 .content {
  font-size:14px;
  color:rgb(165,213,93);
}

/* 三级标题前缀 */
#nice h3 .prefix {
}

/* 三级标题后缀 */
#nice h3 .suffix {
}

/* 无序列表整体样式
 * list-style-type: square|circle|disc;
 */
#nice ul {
}

/* 有序列表整体样式
 * list-style-type: upper-roman|lower-greek|lower-alpha;
 */
#nice ol {
}

/* 列表内容，不要设置li
 */
#nice li section {
}

/* 引用
 * 左边缘颜色 border-left-color: black;
 * 背景色 background: gray;
 */
#nice blockquote {
}

/* 引用文字 */
#nice blockquote p {
}

/* 链接 
 * border-bottom: 1px solid #009688;
 */
#nice a {
}

/* 加粗 */
#nice strong {
}

/* 斜体 */
#nice em {
}

/* 加粗斜体 */
#nice em strong {
}

/* 删除线 */
#nice del {
}

/* 分隔线
 * 粗细、样式和颜色
 * border-top: 1px solid #3e3e3e;
 */
#nice hr {
}

/* 图片
 * 宽度 width: 80%;
 * 居中 margin: 0 auto;
 * 居左 margin: 0 0;
 */
#nice img {
}

/* 行内代码 */
#nice p code, #nice li code {
}

/* 非微信代码块
 * 代码块不换行 display: -webkit-box !important;
 * 代码块换行 display: block;
 */
#nice pre code {
}

/*
 * 表格内的单元格
 * 字体大小 font-size: 16px;
 * 边框 border: 1px solid #ccc;
 * 内边距 padding: 5px 10px;
 */
#nice table tr th,
#nice table tr td {
}

/* 脚注文字 */
#nice .footnote-word {
}

/* 脚注上标 */
#nice .footnote-ref {
}

/* "参考资料"四个字 
 * 内容 content: "参考资料";
 */
#nice .footnotes-sep:before {
}

/* 参考资料编号 */
#nice .footnote-num {
}

/* 参考资料文字 */
#nice .footnote-item p { 
}

/* 参考资料解释 */
#nice .footnote-item p em {
}

/* 行间公式
 * 最大宽度 max-width: 300% !important;
 */
#nice .block-equation svg {
}

/* 行内公式
 */
#nice .inline-equation svg {  
}

Hexo

官网：https://hexo.io/
文档：https://hexo.io/docs/
问题：https://hexo.io/docs/troubleshooting.html
GitHub：https://github.com/hexojs/hexo/issues

安装 Hexo

  • 安装 Git

  • 安装 Node.js

  • 安装 Hexo

1
$ npm install -g hexo-cli
  • 用 Git 一键部署 Hexo
1
$ npm install hexo-deployer-git --save

基本命令

  • Create a new post
1
2
3
4
$ hexo new "My New Post"

// 在指定位置新建文章
hexo new --path 生活/旅行/杭州 "杭州"

More info: Writing

  • Run server
1
$ hexo server

More info: Server

  • Generate static files
1
$ hexo generate

More info: Generating

  • Deploy to remote sites
1
$ hexo deploy

More info: Deployment

常用设置

Next 常用设置 1

Next 常用设置 2 （标准）

Hexo 常用设置

如何设置阅读全文

  1. 在文章中使用 <!-- more --> 手动进行截断，Hexo 提供的方式 ** 推荐 **
  2. 在文章的 front-matter 中添加 description，并提供文章摘录

主题配置文件优先级

Hexo 的站点配置优先级最高，其次是主题配置：Hexo 在合并主题配置时，Hexo 配置文件中的 theme_config 的优先级最高，其次是 _config.[theme].yml 文件，最后是位于主题目录下的 _config.yml 文件。

访问人数统计

将 _config.[theme].yml 中的 busuanzi 的 counter 改成 enable

添加评论

Gitalk: Gitalk relies on the md5 value of the page path for tagging, the comments will not be loaded correctly if a page’s permalink is changed. 因为这样的局限性，所以放弃 Gitalk，因为文章目录可能会改变。

经测试发现 valine 也是一样和固定链接绑定，所以用这两个效果一样，考虑到数据安全问题，改用 Gitalk。

Gitalk 做本地测试的时候把 Homepage URL 和 Authorization callback URL 改成 http://localhost:4000/ 即可。

评论系统再次切换成 valine，Gitalk 实在不方便，需要注册登陆。

更改头像

替换主题配置文件下的 avatar: /images/avatar_2.gif, 文件放在 themes/next/source/images

插入图片

可以直接在 source（默认根目录）下建立 images 文件夹，然后用绝对路径 ![](/images/1.jpg)（/ 代表根目录 source）
或者打开选项 post_asset_folder（在外层_config.yml 里），使用 hexo new 的时候会生成资源文件夹，然后安装插件 npm install hexo-asset-image –save，这样就可以直接使用相对路径显示图片 ![](1.jpg) (post_asset_folder 选项打开图片才能显示)

引用站内文章

文件名这一项要带上目录名，比如 HelloWorld.md 这个文件放在_posts/hello 这个目录，那你引用的时候需要跟上目录名，否则会引用不到。

1
2
3
{% post_link hello/文件名(不要后缀) 文章别名(可选) %}

{% post_link 语言/C++/C++-地图 C++ 地图 %}

VSCode 写作 Markdown

插件：Markdown All in One

VSCode 原生的 Markdown 教程

在侧边栏打开预览：Ctrl + K V 先按下 Ctrl + K, 再按下 V。

中英文自动空格

https://juejin.cn/post/6844903542390521869
安装扩展 vscode-pangu
添加快捷键 ctrl+shift+P, 输入 why not add a space …, 添加快捷键

空行


或者 两个空格

加粗

** 加粗 ** Alt + B

Typora

设置代理

修改 typora 的配置文件即可。将flag对象下内容修改如下：

1
"flags": [["proxy-server", "socks5://127.0.0.1:1080"]]