Hexo之旅(四):文章编写技巧

hexo 编写文章可以使用以下命令创建
hexo new "文件名" #创建的文章会在_pots目录下
文章的后缀名是以md命名的文件格式,遵循markdown语法,所以编写文章可以使用markdown语法进行书写我们的文章,相当方便、快速!

分类及标签添加

新建一篇文章默认是没有分类及标签的,可以手动进行修改。然而文章就会自动分类以及加上对应的标签了

12
tags: 标签名  categories: 分类名

文章过长,使用阅读全文分屏

介绍一种比较简单的方式:只需要在文章内容需要分割的地方加一句命令即可
<!-- more -->

markdown语法

markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

标题

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

123456
# 这是一级标题## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标

字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

例如:

1234
**这是加粗的文字***这是倾斜的文字*`***这是斜体加粗的文字***~~这是加删除线的文字~~`

大专栏  Hexo之旅(四):文章编写技巧>引用

在引用的文字前加>即可
`

引用的内容
`

分割线

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

1234
-------********

超链接

语法:

12
[超链接名](超链接地址 "超链接title")title可加可不加

图片

我这里介绍一种我使用的方法:

  1. 将主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true;
  2. 在hexo目录下执行npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件;
  3. 稍等片刻,再运行hexo n “xxxx”来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
  4. 在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:
    ![这里输入图片描述](/xxxx/图片名.jpg)

注意: 此处xxxx代表的是新建博文md文件的名字,也是同名文件夹的名字
例如:
![](/next_menusetting.png)

代码

单行代码:代码之间分别用一个反引号包起来

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

博客页面宽度排版问题

在source/css/_schemes/Picses/_layout.styl文件末尾添加如下代码
// 以下为新增代码!!
header{ width: 90% !important; }
header.post-header {
width: auto !important;
}
.container .main-inner { width: 90%; }
.content-wrap { width: calc(100% - 260px); }

.header {
+tablet() {
width: auto !important;
}
+mobile() {
width: auto !important;
}
}

.container .main-inner {
+tablet() {
width: auto !important;
}
+mobile() {
width: auto !important;
}
}

.content-wrap {
+tablet() {
width: 100% !important;
}
+mobile() {
width: 100% !important;
}
}

// width: 90% ,修改百分比适配到合适的比例就行

原文地址:https://www.cnblogs.com/lijianming180/p/12286166.html

时间: 2024-10-09 00:44:53

Hexo之旅(四):文章编写技巧的相关文章

NHibernate之旅系列文章导航

NHibernate之旅系列文章导航 宣传语 NHibernate.NHibernate教程.NHibernate入门.NHibernate下载.NHibernate教程中文版.NHibernate实例.NHibernate2.0.NHibernate2.0教程.NHibernate之旅.NHibernate工具 我的NHibernate全部文章在http://www.cnblogs.com/lyj/category/129155.html 导游 NHibernate是把Java的Hiberna

JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素

一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的基础上,为页面添加显示和隐藏div的效果. 没有写JavaScript之前看到的效果: 实现后的效果图: 这个就是我们现在要做的效果. 1.背景: 我们在about.html页面中写了一个ul列表

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在?J?a?v?a?S?c?r?i?p?t?中?可以使?用?类的p?r?o?t?o?t?y?p?e属性来?扩?展?类的属?性?和?方?法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法 语法格式: 类名.prototype.方法名 = function([param1],[param2],.

Grunt配置文件编写技巧及示范

受益于grunt这么久,继续分享关于grunt的一些技巧.grunt确实是前端项目中不可或缺的提升效率的工具.第一次接触grunt是在去年7月份,开始有接触LESS.Coffee Script的等需要编译的模板才能使用的,所以grunt就有了很大的用处.当然除了编译,还有一部分的工作就是压缩,grunt常用的任务就是压缩JS.CSS,检查语法错误,同时也可以保证质量压缩图片(删除图片多余信息). 使用起来也很简单,基于node,所以我们就可以通过js来控制这些文件.唯一需要做的是编写配置文件,做

C#的四个基本技巧

1.如果可能尽量使用接口来编程 .NET框架包括类和接口,在编写程序的时候,你可能知道正在用.NET的哪个类.然而,在这种情况下如果你用.NET支持的接口而不是它的类来编程时,代码会变得更加稳定.可用性会更高.请分析下面的代码: private void LoadList (object [] items, ListBox l) {  for (int i = 0; i < items.Length;i++)  l.Items.Add (items[i].ToString ()); } 这个函数

14条最佳JS代码编写技巧

http://gaohaixian.blog.163.com/blog/static/123260105201142645458315/写任何编程代码,不同的开发者都会有不同的见解.但参考一下总是好的,下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧,Sofish翻译(1,2). 1. 总是使用 ‘var’ 在javascript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键.当声明一个或者是全局或者是函数级(function-

关于文章撰写技巧:怎样做才会让引擎买你的帐?

关于文章撰写技巧:怎样做才会让引擎买你的帐? 做好了一个网站,除了网站,除了网站内部优化,外链的发布,最多的工作就是发布文章了,然而做好网站文章,却是有很多的技巧的.下面笔者就来详细的说一说: 1,敏锐的信息资源整合才能.当前跟着搜索引擎算法的种种变化,关于站内文章质量的需求水涨船高,许多时分自创被咱们现已提及到白热化的地步,笔者在这儿想说的是一个专业的修改,拿手文字功底是基本素质,可是敏锐的资源整合才能才是要害,为什么这样了解呢?许多时分咱们需求文字质量,这儿的质量往往指的是自创文章,可是许多

结对编程-黄金点游戏之旅[四]

(游戏已上线,更多信息请戳底部链接▼) <--戳这个链接也会跳的哦, 了解游戏规则戳这里-->游戏规则 我的队友: 张波(进入博客请戳底部链接) 性格开朗,人很随和,不想写代码的时候都是他主动拉着我去写的,工作认真负责,有分歧的地方或者逻辑不顺的地方我们都会仔细讨论 主要负责写后台的业务逻辑,登陆.注册.开始游戏等小功能的后台代码 遵照代码规范.每次他写完后我都会做Code Review,虽然没有自动化测试,没有性能分析,但是我会单步调试,分析每一行代码的逻辑和作用 我: 李洋洋 主要负责前端

MathType使用中的四个小技巧

MathType是一种比较常见的数学公式编辑器,常常与office搭配着使用,我们在使用的时候有一些要注意的小技巧,下面我们就来给大家介绍介绍MathType使用中的四个小技巧? 技巧一:调整工具栏显示比例 使用场景:头昏眼花总觉得看不清的MathType工具栏符号模板的时候就可以将显示比例调整得大一点,方便一眼就看到各种符号和模板. 操作过程: 1.打开MathType编辑窗口,选择“预置”——“工作区预置”. 2.在弹出的对话框中,在“工具栏大小”一项根据需要选择“中”或者“大”,点击“确定