沉寂了好久木有更新東西啦凿掂,最近忙死.....說正事。
如題僵井,使用github+hexo搭建自己的博客,雖然這樣的博客已經(jīng)很多的驳棱,但是自己在搭建的事后還是遇到了不少問題批什,而且是在我看了好幾篇文章的情況下。
我覺得主要還是不熟悉社搅,但是誰一開始就會對自己沒做過的事情熟悉呢驻债?
所以我寫這篇博客記錄一下自己的搭建過程,自己博客的第一篇內(nèi)容形葬,也算是幫助想要搭建博客的人多一條參考却汉。
本次搭建主要是參考了以下兩篇文章:
所以能看到這篇博客的朋友,可以根據(jù)上面兩篇對照著看荷并,確保自己踩坑量達到最少。
好青扔,開始
先講講思路:
①. 本地在一個特定的環(huán)境(hexo文件夾)中寫文章(語法markdown)源织。
②. 利用命令行把項目『編譯』成靜態(tài)網(wǎng)頁(node.js)的形式,達到本地可訪問的目的微猖。
③. 在github新建一個倉庫谈息,命名要求:你的github用戶名.github.io。(注:用戶名就是你新建一個倉庫過后凛剥,項目名的【/】前面那個)
④. 配置自己生成的SSH密鑰到github侠仇,達到鏈接github的作用。
⑤. 配置hexo里面的_config.yml文件犁珠,這里面倒數(shù)第二行的repo: 關(guān)鍵字逻炊,鏈接第三步的倉庫用,值為倉庫地址犁享。
⑥. 然后就是hexo的幾個常用命令的用法了余素,新建->編輯—>部署。
新建文章:hexo new "標題"
發(fā)布之前清除緩存:hexo clean
生成靜態(tài)頁面:hexo generate
本地預(yù)覽炊昆,localhost:4000可訪問看看效果:hexo server #'Ctrl+C'關(guān)閉
部署到github桨吊,外網(wǎng)可訪問:hexo deploy
以下信息表示部署成功即可訪問:[info] Deploy done: git
1.前提準備工作
①. 有自己的git環(huán)境,沒有的去安裝凤巨,環(huán)境變量什么的該弄好弄好视乐。
②. 熟悉github的套路,至少會新建項目以及clone過別人的項目敢茁。
③. 會用MarkDown語法佑淀,可以不用熟悉,寫博客的時候臨時百度也是可以的彰檬。
④. 安裝Node.js環(huán)境渣聚,一路安裝就行了独榴,靜態(tài)網(wǎng)頁依賴于這個。
2.安裝hexo
①. 命令行輸入:
npm install -g hexo
②. 在想要存放博客文章的位置新建一個hexo文件夾奕枝,比如我直接在Documents文件夾新建的棺榔。
③. 命令行切換到hexo路徑下,執(zhí)行以下命令:
hexo init
安裝依賴包
npm install
這樣本地的事情就算完了隘道,利用本地地址應(yīng)該可以訪問到了症歇。接下來是如何跟github街上關(guān)系,使得大家都能通過互聯(lián)網(wǎng)訪問谭梗。
3.連接github
①. 新建倉庫忘晤,倉庫名需要和你的賬號對應(yīng),格式:yourname.github.io激捏,拿我的舉例:paradoxie.github.io
②. 本地生成SSH密鑰设塔,命令行:
ssh-keygen -t rsa -C paradoxieix@gmail.com
主要C后面的郵箱地址替換成自己的。然后應(yīng)該回讓設(shè)置密碼远舅,可以全部為空闰蛔。然后我在我的/Users/用戶名/.ssh路徑下看到了兩個新生成的東西:id_rsa和id_rsa.pub,我們需要復(fù)制.pub里面的全部內(nèi)容图柏,最好用sublime打開序六。
③. 打開https://github.com/settings/ssh,點擊New SSH key,然后粘貼.pub里面的全部內(nèi)容進去蚤吹,然后Add SSH key.
④.然后在hexo文件夾內(nèi)找到_config.yml配置文件例诀,sublime打開編輯
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site 站點信息設(shè)置
title: #站名
subtitle: #副標題
description: #站描述
author: #作者
language: zh-CN #語言
timezone:
# URL 鏈接設(shè)置
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://blog.prozin.xyz
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
# Directory 文件目錄
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:
# Writing 文章
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:
# Category & Tag
default_category: uncategorized
category_map:
tag_map:
# Date / Time format 日期
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
# Pagination 分頁
## Set per_page to 0 to disable pagination
per_page: 20
pagination_dir: page
# Extensions 擴展
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape #默認主題
# Deployment 這里設(shè)置了Git獲
#這里一定要注意不要寫錯了,否則部署到Github上會出問題
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: 倉庫地址
branch: master
message: '站點更新:{{now("YYYY-MM-DD HH/mm/ss")}}'
以上部分有個坑需要注意:------ “:”后面都有一個空格裁着。
保存后退出繁涂,執(zhí)行生成網(wǎng)頁命令,然后部署命令二驰,部署成功后就可以訪問了爆土。
4.更改主題
默認的主題雖然也不錯,但是一般大家還有更好的選擇:NexT
①. 切換到hexo目錄下诸蚕,執(zhí)行拉去NexT主題項目的命令步势。
②. 好吧具體的流程在這里:NexT的配置使用
5.博客
①. 命令:
hexo new "標題"
后會在sourse/ _posts文件夾下生 .md文件,然后就可以編輯內(nèi)容了
title: Hello World
date: 2015-07-30 07:56:29 #發(fā)表日期背犯,一般不改動
categories: hexo #文章文類
tags: [hexo,github] #文章標簽坏瘩,多于一項時用這種格式
---
正文,使用Markdown語法書寫
②. 發(fā)布
hexo clean
hexo generate
hexo deploy
**以下信息表示部署成功即可訪問:[info] Deploy done: git
**
6.訪問
以我的地址為例:
https://paradoxie.github.io/
用戶名替換即可漠魏,綁定的域名:
http://www.paradoxie.cf/
本人剛搭好倔矾,熱乎乎的經(jīng)驗到手,所以博客也還有很多需要完善的地方。以后博客和簡書內(nèi)容同步更新哪自。
就醬丰包,大家中秋快樂~雖然晚了......
本文作者:paradoxie
個人主頁:謝盒盒的小黑屋,不止說技術(shù)
簡書地址:簡書主頁壤巷,專注說技術(shù)
github地址:paradoxie
轉(zhuǎn)載請注明出處邑彪,蟹蟹!
-------我的夢想真的是做一條咸魚!