成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

hexo+css創(chuàng)建自己的blog（搭建）

phoenixsky / 2846人閱讀

摘要：目前比較火的和的文檔都是使用框架實(shí)現(xiàn)的。二的安裝安裝前，確保電腦中已經(jīng)安裝了和?？梢詤⒄諄?lái)自定義日期格式。值為時(shí)禁用主題部署參考部署部分的配置五部署上部署安裝中配置部署部分的設(shè)置終端進(jìn)入目錄運(yùn)行

一、什么是hexo

Hexo是一個(gè)快速、簡(jiǎn)潔且高效的博客框架，使用Markdown（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。目前比較火的vue和weex的文檔都是使用hexo框架實(shí)現(xiàn)的。

二、hexo的安裝

安裝hexo前，確保電腦中已經(jīng)安裝了node和git。

node安裝 
方法一、
    直接安裝node：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
方法二、
    先安裝homebrew： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    后安裝node：brew install node
git安裝 
先安裝homebrew： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
后安裝git：brew install git
hexo安裝 
npm install -g hexo-cli
三、創(chuàng)建項(xiàng)目

新建項(xiàng)目: hexo init folder

進(jìn)入: cd folder>

安裝依賴包: npm install

新建一篇文章: hexo new iOS-APIs (文件會(huì)在/source/_posts下)

啟動(dòng): hexo server

瀏覽器打開(kāi): http://localhost:4000/document/

四、hexo配置

配置文件為_(kāi)config.yml
參考: https://hexo.io/docs/configur...
github: https://github.com/hexojs/hexo/

Site （網(wǎng)站）

網(wǎng)站標(biāo)題
title: weex使用手冊(cè)

網(wǎng)站副標(biāo)題
subtitle: weex中文手冊(cè)

網(wǎng)站描述
description: 整理weex手冊(cè), 包括通用特性, 內(nèi)建組件, 內(nèi)建模塊, CSS 單位, 通用事件, Native DOM APIs, Weex 實(shí)例變量, Web 標(biāo)準(zhǔn), JS Service, Vue, 高階知識(shí), 遷移

作者名字
author: lu.wei

網(wǎng)站使用的語(yǔ)言
language: 簡(jiǎn)體中文

網(wǎng)站時(shí)區(qū)Hexo 默認(rèn)使用您電腦的時(shí)區(qū)。時(shí)區(qū)列表。比如說(shuō)：America/New_York, Japan, 和 UTC 。
timezone: UTC

URL （網(wǎng)址）

如果您的網(wǎng)站存放在子目錄中，例如 http://yoursite.com/blog，則請(qǐng)將您的 url 設(shè)為 http://yoursite.com/blog 并把 root 設(shè)為 /blog/。

網(wǎng)址
url: https://github.com/stardew516...

網(wǎng)站根目錄
root: /document/

文章的 永久鏈接 格式
permalink: :year/:month/:day/:title/

永久鏈接中各部分的默認(rèn)值
permalink_defaults:

Directory （目錄）

資源文件夾，這個(gè)文件夾用來(lái)存放內(nèi)容。
source_dir: source

公共文件夾，這個(gè)文件夾用于存放生成的站點(diǎn)文件。
public_dir: public

標(biāo)簽文件夾
tag_dir: tags

歸檔文件夾
archive_dir: archives

分類文件夾
category_dir: categories

Include code 文件夾
code_dir: downloads/code

國(guó)際化（i18n）文件夾
i18n_dir: :lang

跳過(guò)指定文件的渲染，您可使用 glob 表達(dá)式來(lái)匹配路徑。
skip_render:

Writing （文章）

新建文章的文件名稱
new_post_name: :title.md

預(yù)設(shè)布局
default_layout: post

在中文和英文之間加入空格
auto_spacing: false

把標(biāo)題轉(zhuǎn)換為 title case
titlecase: false

在新標(biāo)簽中打開(kāi)鏈接
external_link: true

把文件名稱轉(zhuǎn)換為 (1) 小寫(xiě)或 (2) 大寫(xiě)
filename_case: 0

顯示草稿
render_drafts: false

啟動(dòng) Asset 文件夾
post_asset_folder: true

把鏈接改為與根目錄的相對(duì)位址
relative_link: false

顯示未來(lái)的文章
future: true

代碼塊的設(shè)置

highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

Home page setting （主頁(yè)設(shè)置） 
1. path: 博客索引頁(yè)的跟路徑,默認(rèn)為空
2. per_page: 每頁(yè)展示的文章量, 為0時(shí)表示不分頁(yè)
3. order_by: 排序, 默認(rèn)日期降序
index_generator:
  path: ""
  per_page: 10
  order_by: -date
Category & Tag （分類 & 標(biāo)簽）

默認(rèn)分類
default_category: uncategorized

分類別名
category_map:

標(biāo)簽別名
tag_map:

Date / Time format （日期 / 時(shí)間格式）

hexo使用Moment.js來(lái)解析和顯示時(shí)間。
可以參照http://momentjs.com/docs/#/di...來(lái)自定義日期格式。

日期格式
date_format: YYYY-MM-DD

時(shí)間格式
time_format: HH:mm:ss

Pagination （分頁(yè)）

每頁(yè)顯示的文章量 (0 = 關(guān)閉分頁(yè)功能)
per_page: 10

分頁(yè)目錄
pagination_dir: page

Extensions （擴(kuò)展）

插件: https://hexo.io/plugins/
主題: https://hexo.io/themes/

當(dāng)前主題名稱。值為false時(shí)禁用主題
theme: landscape

Deployment （部署）

參考: https://hexo.io/docs/deployme...

部署部分的配置

deploy:
  type: git
  repo: https://github.com/stardew516/document
  branch: master
  message: hexo + css

五、部署

github上部署:

安裝hexo-deployer-git: npm install hexo-deployer-git --save

_config.yml 中配置

# 部署部分的設(shè)置
deploy:
  type: git
  repo: https://github.com/stardew516/document
  branch: master
  message: hexo + css

終端進(jìn)入目錄,運(yùn)行: hexo deploy

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/112538.html

相關(guān)文章

  • 阿里云VPS搭建自己的的Hexo博客

    摘要：博客的架構(gòu)先搞明白博客從搭建到自動(dòng)發(fā)布的架構(gòu)，才能更好的理解我們每一步進(jìn)行的操作。整個(gè)搭建流程第一部分服務(wù)器環(huán)境搭建，包括安裝配置創(chuàng)建用戶。在裸庫(kù)的文件夾中，新建文件。 1. 博客的架構(gòu) 先搞明白Hexo博客從搭建到自動(dòng)發(fā)布的架構(gòu)，才能更好的理解我們每一步進(jìn)行的操作。不然只跟著步驟過(guò)了一遍，卻不知道為什么這么做。 首先看這張架構(gòu)圖：showImg(https://segmentfaul...

    hizengzeng 評(píng)論0 收藏0

  • 從 0 開(kāi)始搭建一個(gè)技術(shù)博客，私藏干貨~

    摘要：下面貼上棧長(zhǎng)博客的地址，也是技術(shù)棧的官方博客地址今天分享一下，如何從開(kāi)始搭建一個(gè)自己的技術(shù)博客，基于棧長(zhǎng)的博客。的國(guó)內(nèi)訪問(wèn)不是很快，這里推薦使用自己搭建國(guó)內(nèi)的云服務(wù)器，使用搭建靜態(tài)服務(wù)。 技術(shù)博客的選型有很多種，如：博客園、CSDN、開(kāi)源中國(guó)、簡(jiǎn)書(shū)、知乎等……都可以用來(lái)寫(xiě)文章，形成自己的技術(shù)博客。 上面的博客都是第三方的，有沒(méi)有方式搭建自己的服務(wù)器、自己的域名的博客呢？棧長(zhǎng)知道的成熟方...

    Zhuxy 評(píng)論0 收藏0

  • 2017年最新基于hexo搭建個(gè)人免費(fèi)博客——從零開(kāi)始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    Paul_King 評(píng)論0 收藏0

  • 2017年最新基于hexo搭建個(gè)人免費(fèi)博客——從零開(kāi)始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    zacklee 評(píng)論0 收藏0

  • 2017年最新基于hexo搭建個(gè)人免費(fèi)博客——從零開(kāi)始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    hlcfan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<