前言

之前我们已经成功创建了自己的博客,而且用主题和插件进行了美化,那么接下来我们就是要了解如何优雅地编写博客了。

这一篇,我会记录自己常用的字符和标签,以供大家参考和使用。(害羞)

提醒一下,对于图片的处理,我单独拎出来拿到下一篇讲了,否则文章内容太多,会影响观看体验的。

时隔四年,重启Hexo历险计划!

Hexo历险记之六字符标签


每个人都有自己的想法,所以其实不用在意文章的结构,当然一个系列的文章如果格式相同是最好的。

另一方面,Hexo博客是用Markdown语法的,所以对应的编写风格也是基于Markdown来扩展的。他支持全部的Markdown语法字符,而且在其基础上又有自己的标签,被多样的主题渲染后就成了目前伙伴们现在看到的博客了。

编写工具

编写工具首推Typora,他是我最信赖的文字编辑工具,后来他终于结束了公测成为了收费版里的一哥,但是完全不能抹去他的传说。

在网上即使你找到了当初公测的安装包,但是也无法使用的,因为已经被官方关闭内测了。当然如果你会科学上网或者有大佬帮着解决掉他的检测,那么恭喜你,掌握了神器。对于Typora的配置和使用,可以参考我的另一篇文章。

之前也接触过书匠编辑器和墨滴编辑器,只能说相见的太晚了,我已经拥有了typora了。至于前任Haroopad,使用起来蛮一般的,左侧是纯语法页,右侧是解析页,还可以手动修改成为纯编辑页面。唔,不说使用感受了,骂前任会缺大德的。

至于HexoEditor则是我生君未生的遗憾了,因为在我寻找可用编辑器的时候,他刚开始没多久,很多功能还不够完善。现在的话,看网评还不错,但是我没有实际去使用过,不做太多推荐。

但是,我预测看这篇文章的伙伴们身份都是贫民党,所以可以给大家推荐另外一个开源的平替项目MarkText可以去尝试。虽然现在还在紧张的开发中,但是看他的噱头是对Typora的仿制,素以我还是比较期待的。

倘若你是小白,还在手打符号格式来实现超链接和引用,那么就应该停下来去寻找更便捷的解决方案。毕竟Windows自带的记事本也不是不能写。(/眯眼微笑)

字符格式

分级标题

一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

效果如图。

image-20220726215026839

目录

使用这个符号,可以给当前文章加上目录。

[TOC]

效果如图。

image-20220726231918033

但是从使用频率上来说,真的是很少使用。

首先,本地编写的时候,工具Typora本身就可以提供一个方便的目录大纲,而且可以收缩跳转。

其次,我选择的渲染主题Stun,渲染后自动会在右侧出现目录和标号也不需要这个字符。

最后,发布到了其他平台上面,但是有好几个大的平台就完全无法解析这个字符,而其他能解析的又是有自己生成的目录。

字体

重点是粗体,几乎所有工具的加粗快捷键都是Ctrl+B,一般是用来强调某个内容的。其他的字体我用的很少。

*这是斜体* 或 _这也是斜体_ **这是粗体*****这是加粗斜体***~~这是删除线~~

这是斜体这也是斜体

这是粗体

这是加粗斜体

这是删除线

颜色

本质上解析字符其实与HTML没有太大的区别,在很多编辑器,比如Typora里直接就可以用代码来指定颜色和字号

<font color="#dd0000" size="5">红色的文字,字号为5</font>。
<font color="red">也是红色的文字,默认字号。</font>

红色的文字,字号为5。

也是红色的文字,默认字号。

超链接

超链接很常用的,尤其是提到了官网或者是看了一篇让人茅塞顿开的文章,都会用超链接的方式附上访问链接,以示致敬。

当然,后来用工具自带的超链接,一个快捷键Ctrl+L就完成了。

第一种

最常用的方式,许多工具都已经实现了快捷生成,复制好链接后,用鼠标选择文字,按下快捷键实现超链接。

[超链接名](超链接地址)[知乎---我的主页](https://www.zhihu.com/people/ke-en-da-di-27)

知乎---我的主页

第二种

这一种除非是在编写类似学术论文的时候,才会使用的方式。否则平时编写经验贴的时候,会很累的。

[CSDN][1]是一个技术博客平台,[简书][2]也是。[1]:https://blog.csdn.net/qq_41461536?spm=1011.2415.3001.5343
[2]:https://www.jianshu.com/u/9e90f8e6089c

CSDN是一个技术博客平台,简书也是。

第三种

真正的懒人法,附上一个超链接之后就不管了,甚至几天后作者自己回过头来看,不打开链接也不知道是链接到哪里去了。

百度<http://www.baidu.com/>
https://huaji8.top/post/live2d-plugin-2.0/

百度百度一下,你就知道

https://huaji8.top/post/live2d-plugin-2.0/

列表

无序列表

无序列表用-+*任何一种都可以。

但是个人角度来说,我更推荐用+号,免得字符组合冲突导致渲染成莫名其妙的样子。

* 无序列表项1
+ 无序列表项2
- 无序列表项3
  • 无序列表项1

  • 无序列表项2

  • 无序列表项3

有序列表

有序列表注意序号跟内容之间要有空格。

从个人经历来说,前期还是常用有序列表的,因为那时候的文章就图个顺序清晰,其他都不在意,但是后来删改次数太多,第七条删去以后,第八条及之后的条目会被工具识别为新的列表,导致整篇文章的顺序都乱套了,所以就慢慢的不用了。

1. 有序列表项1
2. 有序列表项2
3. 有序列表项3
  1. 有序列表项1

  2. 有序列表项2

  3. 有序列表项3

列表嵌套

工具不同,识别渲染的效果也不同。

比如Typora就是用三个空格识别嵌套关系、hexo-admin则就用一个空格来识别,到了各个公众平台,又变成了四个空格识别嵌套。至于TAB则是只有很少的平台会识别成为嵌套。故而若非被迫,我都是尽量减少使用嵌套来表达信息。

1. 有序列表项1
- 无序列表1
2. 有序列表项23. 有序子列表项1- 无序子列表2
  1. 有序列表项1

  • 无序列表1

  1. 有序列表项2 3. 有序子列表项1

    • 无序子列表2

插入图片

这里只简单介绍一下显示本地图片的方法,更详细的请移步我的另一篇博客,Hexo历险记之七。

在 Hexo 中插入图片,首先需要将图片放在本地的某个文件夹下,然后绝对路径或者相对路径的方式进行插入。

![图片alt](图片地址 ''图片title'')![君匡](../images/Hexo历险记之六字符标签/君匡.jpg)
  • 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。

  • 图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

君匡

但是这样子并不能保证部署后也能成功!而若是网络图片,那么当断网的时候,本地编辑就全无法显示了。

表格

第一行是表头,第二行是控制对齐格式,第三行及以后是内容。

|表头1|表头2|表头3|表头4
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对齐|右对齐|
表头1 表头2 表头3 表头4
默认左对齐 左对齐 居中对齐 右对齐

注意,在控制对齐格式时,-字符 有一个就行,如果你是直接看到的Markdown格式内容,那么为了对齐,多加了几个也是可以的。

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
表头 表头 表头
内容 内容 内容
内容 内容 内容

多说几句,如果不是用工具生成的表格结构,我的建议是不要手动敲格式,会变得不幸(/悲伤)。

没办法确定什么时候就会误删除一个竖线,然后整个表格的格式就全乱套了。而且不是所有平台都能够像你想象中渲染表格的,甚至有见过几个无法识别表格的主题(/满头雾水)。

你还不如在Word上面用表格编写好内容以后,用截图工具生成图片,再将他插入到文章里来的快捷方便。

引用

在引用的文字前加>后再打一个空格即可。

> 感谢现在的好奇,为了能成为更好的自己。

感谢现在的好奇,为了能成为更好的自己。

从个人角度来说,他的使用频率已经慢慢降到零了。自己编写的博客,引用其他人的东西,为了致敬才使用的么,但是总会有那么几个平台,无!法!识!别!

而我最一开始的时候,几乎全都是把致敬引用填到了这里,后来……替换近百来篇的文章,人都麻了。

分割线

三个或者三个以上的 - 或者 * 都可以。

---

个人很少用,只有更新旧博客的时候,会用他区分更新的内容。写正文的时候,那还是得用标题来区分顺序呀。

代码和代码块

单行代码:代码之间分别用一个英文的反引号包起来,键盘位置一般是Esc键下方的,Tab键上方。

多行代码:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

(```)
代码...
代码...
代码...
(```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

至于编程语言,还是那句话,不是所有平台都能识别的,而且一篇文章里二十来个代码块,都去标注语言真的很累人。

流程图

Markdown格式的编写如下,但是很少,甚至我到现在还没有看见过几个用Markdown写流程图的网络文章。

(```flow)
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
(&```)

首先,Hexo和简书一样,是不支持流程图的。

其次,的确是有支持流程图的工具,书匠编辑器( markdown 编辑器)就是一个选择。

最后,就个人经验来说,用Processon画出来图片,再插入到文章中来是我的选择。

数学公式

首先,我建议你在用KaTex的语法之前,先从主题的文档介绍中确认了是否支持数学公式的解析。

如果不支持,可能还需要切换渲染器,附上KaTex的语法。

当然我写公式的时候,并没有手敲,而是找了一个可视化工具Mathtype

附上下载的官方链接,当然我的公众号也提供了工具的度盘下载;附上工具使用教程详解MathType快捷键使用技巧;附上相关参考链接结合MathType和MathJax在Hexo博客中插入数学公式。

Hexo标签

事实证明,我做博客这么久,就真的是一次也没有用过他的标签。

即使是在hexo-admin插件的页面里,也无法做到实时解析(后来发现是需要手动刷新页面)。其他编写工具,听闻有一个HexoEditor的工具号称是专门编写hexo博客的,但是需要伙伴们实际去尝试才能确定,我没有实际用过,不做猜测。

这里只是建议参考hexo的官方标签使用方法,而且在未来迁移博客到其他平台的时候,要考虑二次加工的工作量。

感谢

本文一开始是参考着一篇简书和一篇博客写的,后来又了解到了标签,慢慢整理才知道用什么样的方式来整理语言,叙说内容。

感谢现在的好奇,为了能成为更好的自己。

也感谢19年8月份的自己,能够坚持到现在。

高鸿祥 简书文章

梦里北极光 博主的博客

使用 Typora 一次性搞定公众号写作与排版

如何自定义你的 typora 主题,以少数派为例

hexo的官方标签使用方法

Hexo历险记之六字符标签相关推荐

  1. Hexo历险记之七展示图片

    前言 细数过去,总共使用了如下三种方式: 使用Hero-admin插件在线编写博客,配合插件上传图片. 使用Typora等工具本地编写博客,用相对路径引用,配合PicGo搭配第三方图床或者自建图床使用 ...

  2. Hexo历险记之五幻丽插件

    前言 言接上文,在美化了主题之后,接下来要做的就是添加一些插件,来让你的博客更加完善和好看. 时隔四年,重启Hexo历险计划! Hexo历险记之五幻丽插件 插件 永久链接 看一下对比,使用该插件之前和 ...

  3. hexo博客添加标签、分类、归档、关于等页面

    写在前面 在使用主题后,顶部导航多出了标签页.分类页.归档页和关于页等界面,点击之后出现了"Cannot GET /XXX/"问题,这是因为我们没有添加对应的页面,本文章主要描述了 ...

  4. css字符标签,【CSS学习】字符实体

    在html开发中,有一些字符,不适于直接写出,比如:大于号>小于号< 一般格式:&+实体名+; 实体有很多,记住常用的 大于号>小于号<双引号"人民币¥版权符 ...

  5. 解决hexo下分类和标签无法显示的问题

    概述 今天更换了一个新的主题,之后发现无法正常添加 分类页 和 标签页,经过一下午的研究,终于找到了最完美的解决方案. 步骤一 你需要在 hexo 根目录的 source 文件夹下新建一个 tags ...

  6. Hexo历险记之三本地安装Hexo

    前言 Hexo本身就是一个很简便却不简单的博客,前提是让我们除去恼人的模块依赖. 时隔四年,重启Hexo历险计划! 先附上我现在使用的Hexo版本及依赖,可以给大家做个参考. {"name& ...

  7. 字符标签转数字编码、独热编码 及独热编码转数字编码

    有些数据集给的标签是字符串形式,比如wisdm,在放进网络之前,需要转为数字型的编码 这可以通过pd.Categorical(a).codes实现 如 import numpy as np impor ...

  8. html转移字符标签,使用标签对HTML特殊字符进行转义

    Java代码 publicclassHtmlFilterTagextendsBodyTagSupport { @Override publicintdoEndTag()throwsJspExcepti ...

  9. php截取字符串 xml,php截取字符串并保留完整xml标签的函数代码_php技巧

    0120123456789'; function substr_remain_tag($s, $o, $l) { $is_match = preg_match_all(< (?: #属性列表 \ ...

最新文章

  1. pandas 数据分析 相关性_探索 COVID-19 新冠数据来学习 Pandas
  2. 用Transformer定义所有AI模型!特斯拉AI总监Karpathy发推感叹AI融合趋势
  3. ios 判断app程序第一次启动方法
  4. 前端一HTML:二: html开发工具
  5. 第三章 PX4-SPI底层驱动解析
  6. 又砸又烧,还要泼脏水,这谣言到底什么时候才没人信?发生这样的事真没想到.........
  7. 自己写的 ORACLE 函数的解读
  8. java中ArrayList类的操作
  9. 固定 顶部_一楼小院想建阳光房?固定的怕违建,那这样可伸缩的阳光房怎么样...
  10. matlab 离散傅里叶变换_Matlab中的傅里叶变换
  11. python中流程图的基本元素_面试干货:成为Python程序员的终极指南!(内附回答)...
  12. 小恐龙游戏制作挑战:第9天-打完大部分计分器模块的代码
  13. 进销存系统的成本核算方法一览
  14. 股市前复权、后复权与不复权
  15. 牛顿法与拟牛顿法求解比较
  16. JavaScript中数组的几种写法
  17. 【LaTex】解决:Origin导出pdf图片在latex中线条变粗
  18. 计算机网络的速率怎么计算,宽带速率对照表和计算方法
  19. 【RTSP/RTP流媒体】10、编写简单的RTSP客户端
  20. eMMC SI 总结

热门文章

  1. 03系统下局域网服务器,03局域网服务器
  2. qq游戏和微信游戏是一个服务器吗,Dnf手游qq区微信区能一起玩吗
  3. Ideas插件的安装
  4. python request url编码_Python爬虫进阶——Request对象之Get请求与URL编码【英雄联盟吧】...
  5. 【开源GPS追踪】 之 手机端安卓版
  6. 计算机操作系统 第三章 内存管理
  7. systemd 开机时间_使用systemd控制您的计算机时间和日期
  8. [NOI2005]月下柠檬树(计算几何+积分)
  9. 确定sw1开关信号输入端口_一图让你搞懂PLC输入端和输出端的接线问题
  10. ipad iphone开发_如何在iPhone,iPad或Mac上进行FaceTime通话