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{ 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% ,修改百分比適配到合適的比例就行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM