zoukankan      html  css  js  c++  java
  • Hexo之旅(四):文章编写技巧

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

    分类及标签添加

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

    1
    2
    tags: 标签名  
    categories: 分类名

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

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

    markdown语法

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

    标题

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

    1
    2
    3
    4
    5
    6
    # 这是一级标题
    ## 这是二级标题
    ### 这是三级标题
    #### 这是四级标题
    ##### 这是五级标题
    ###### 这是六级标

    字体

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

    例如:

    1
    2
    3
    4
    **这是加粗的文字**
    *这是倾斜的文字*`
    ***这是斜体加粗的文字***
    ~~这是加删除线的文字~~`

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

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

    引用的内容
    `

    分割线

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

    1
    2
    3
    4
    ---
    ----
    ***
    *****

    超链接

    语法:

    1
    2
    [超链接名](超链接地址 "超链接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{ 90% !important; }
    header.post-header {
    auto !important;
    }
    .container .main-inner { 90%; }
    .content-wrap { calc(100% - 260px); }

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

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

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

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

  • 相关阅读:
    has a / is a 的区别
    Linux头文件作用
    转一篇Decorator模式的讲解文章
    歌手推荐kate st. john
    拷贝构造函数和赋值构造函数声明为私有的作用
    重新认识C++中new的用法
    系统程序员成长计划容器与算法(二)(下)
    深入C++的new
    歌手推荐Cara Dillon
    浅析一道C++设计面试题
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12286166.html
Copyright © 2011-2022 走看看