基于Github和Hexo的博客搭建教程在百度上一大堆,洺哥在踩過一些坑后才終于把自家的寄托在github上的博客給搭建起來,洺哥的這篇博文將作為博客網(wǎng)站的第一篇教程貼R蛔恕!
參考教程:
1. http://www.reibang.com/p/701b1095da11
2. http://www.reibang.com/p/67c57c70f275
3. https://www.zhihu.com/question/24422335
電腦端需要裝的軟件有
1.msysgit
點擊下載msysgit 后默認下一步安裝即可
安裝成功后在桌面點擊右鍵會出現(xiàn)下圖中的兩個git選項即可
2. Node.js
在 Windows 環(huán)境下安裝 Node.js 非常簡單跃惫,僅須下載安裝文件并執(zhí)行即可完成安裝
3. hexo
通過前面安裝的git來安裝Hexo
鼠標在桌面點擊右鍵后選擇Git Bash Here選項
在出現(xiàn)的命令框中輸入
npm install -g hexo
安裝成功后自行創(chuàng)建一個文件夾作為接下來博客的存放地址
在文件夾的空白處右鍵后選擇Git Bash Here選項
在框中輸入命令初始化Hexo
hexo init
接下來安裝相關的依賴包
hexo install
一個博客框架就搭好了
接下來再次輸入一下命令叮叹,打開一個瀏覽器輸入地址查看自己的博客框架
hexo generate
hexo server
瀏覽器輸入以下地址:
localhost:4000
執(zhí)行hexo server提示找不到該指令?爆存?
執(zhí)行以下命令后再執(zhí)行hexo server
npm install hexo -server --save
現(xiàn)在搭建好的博客框架只能在自己電腦上被看到蛉顽,還不能通過Internet訪問到,為了能把自己的博客放上Internet先较,我們接下來需要把我們的博客項目托管在github上携冤。
知乎關于github的介紹
github創(chuàng)建博客
點擊鏈接https://github.com/注冊賬號
點擊下圖中的New repository創(chuàng)建新的項目倉庫
在下圖中按照格式要求填入倉庫名稱(yourname.github.io)
每個賬號只能托管一個博客
其他信息自己選填悼粮,隨后點擊綠色的Create repository確認創(chuàng)建
生成SSH密鑰(個人感覺沒啥用,最后我還是需要輸入密碼)
按照上文Hexo部分打開的Git Bash 中輸入
ssh-keygen -t rsa -C "你的郵箱地址"
按3個回車曾棕,密碼為空扣猫。
在計算機的C:\Users\Administrator.ssh中得到兩個文件id_rsa和id_rsa.pub。
用Excel打開id_rsa.pub翘地,復制全文申尤。打開網(wǎng)址https://github.com/settings/ssh ,Add SSH key衙耕,粘貼進去昧穿。
全局配置 _config.yml
(這里需要你自己按照博客需求去配置)
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站點信息
title: #標題
subtitle: #副標題
description: #站點描述,給搜索引擎看的
author: #作者
email: #電子郵箱
language: zh-CN #語言
# URL #鏈接格式
url: #網(wǎng)址
root: / #根目錄
permalink: :year/:month/:day/:title/ #文章的鏈接格式
tag_dir: tags #標簽目錄
archive_dir: archives #存檔目錄
category_dir: categories #分類目錄
code_dir: downloads/code
permalink_defaults:
# Directory #目錄
source_dir: source #源文件目錄
public_dir: public #生成的網(wǎng)頁文件目錄
# Writing #寫作
new_post_name: :title.md #新文章標題
default_layout: post #默認的模板橙喘,包括 post时鸵、page、photo渴杆、draft(文章寥枝、頁面、照片磁奖、草稿)
titlecase: false #標題轉換成大寫
external_link: true #在新選項卡中打開連接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #語法高亮
enable: true #是否啟用
line_number: true #顯示行號
tab_replace:
# Category & Tag #分類和標簽
default_category: uncategorized #默認分類
category_map:
tag_map:
# Archives
2: 開啟分頁
1: 禁用分頁
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服務器
port: 4000 #端口號
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期時間格式
date_format: YYYY-MM-DD #參考 http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分頁
per_page: 10 #每頁文章數(shù)囊拜,設置成 0 禁用分頁
pagination_dir: page
# Disqus #Disqus評論比搭,替換為多說
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主題
exclude_generator:
plugins: #插件,例如生成 RSS 和站點地圖的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署蜜托,將 lmintlcx 改成用戶名
deploy:
type: git
repo: 剛剛github創(chuàng)庫地址.git
branch: master
作者:吳小龍同學
鏈接: http://www.reibang.com/p/701b1095da11
來源:簡書
著作權歸作者所有霉赡。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處蜂挪。
## 上面文件中最后需要如下所示修改
deploy:
type: git
repository: https://github.com/leopardpan/leopardpan.github.io.git
## leopardpan= github賬戶名
branch: master
編輯好后怎么發(fā)布棠涮?
在Git bash 中依次運行如下命令:
hexo clean ## 清除緩存
hexo generate ## 生成靜態(tài)網(wǎng)頁
hexo deploy ## 同步云端github倉庫
其他命令:
hexo server ## 本地編譯調(diào)試