畢業(yè)在互聯(lián)網(wǎng)從事后臺開發(fā)即將三年了，給自己搭建個窩總結(jié)下工作過程中遇到的一些問題以及自己相應(yīng)的解決方案?；趆exo和github搭建自己的博客站點，是考慮到github提供了免費的服務(wù)，自己無需運維服務(wù)服務(wù)，再者這種方案自己更加可控，更加簡潔，沒有一些亂七八糟的廣告干擾。
hexo介紹
Hexo是一款基于Node.js的靜態(tài)博客框架，依賴少易于安裝使用，可以方便的生成靜態(tài)網(wǎng)頁托管在GitHub，且hexo對中文支持友好，更加詳情內(nèi)容可參考hexo官網(wǎng)介紹。
hexo服務(wù)搭建
1.注冊github帳號并創(chuàng)建新的repository，用于存放hexo生成的博客文件
注意repository name得以 帳號名.github.io 格式
2.在自己的私人git服務(wù)或者在github新建立一個repository用于存放源文件
# pull源碼文件管理庫
git clone git@github.com:yongssu/blog.git
# 在自己的機器上安裝node并安裝hexo
npm install -g hexo-cli
# 在新的地方運行hexo初始命令
hexo init new_blog
# 將new_blog生成內(nèi)容拷貝到blog文件內(nèi)
# 運行以下命令就能在本地查看hexo服務(wù),地址 localhost:4000
hexo new test_my_blog #創(chuàng)建新的blog文件
hexo g #生成
hexo s
# 然后就可以在blog對源文件進行管理
3.部署blog文章到github
在blog根目錄下_config.yml配置站點信息以及上傳github地址。
# Site
title: YONGSSU的技術(shù)站點
subtitle:
description:
keywords:
author: yongssu
language:
timezone:
deploy:
type: git
repo: https://github.com/yongssu/yongssu.github.io
branch: master
至此就可以通過 注冊名.guthub.io 訪問個人站點了。
4.配置域名
如果需要使用自己的域名，在域名網(wǎng)站注冊域名并將域名cname定向到 yongssu.github.io,然后在yongssu.github.io repository下配置相應(yīng)Custom domain為自己的域名。
至此，就可以通過自己的域名訪問自己的個人網(wǎng)站了。
5.切換默認hexo主題
這里采用next主題，在blog文件下，下載相應(yīng)的主題文件，并在blog跟目錄下_config.yml配置文件中修改主題為next。主題相關(guān)的的配置在主題文件下的相應(yīng)_config.yml文件進行配置。
6.next主題tags頁面顯示
# 建立tags頁面，在source會建立tags文件夾
hexo new page tags
# 修改tags/index.md type為"tags"
---
title: tags
date: 2018-12-22 21:42:59
type: "tags"
---
# 在next的配置文件下_config.yml開啟tags頁面標簽
menu:
home: / || home
#about: /about/ || user
tags: /tags/ || tags
7.提交git自定義域名被重置
使用 gitpage 功能將博客托管在了 github 上，并配置 CNAME 將自己的域名解析了過去，在 github 的倉庫設(shè)置中開始 custom domain 的功能，這時候就可以直接使用自己的域名訪問個人博客。但是發(fā)現(xiàn)一個問題是，每次配置 custom domain 之后，再次 hexo d 之后，custom domain 會被重置失效。
解決方案
在source下新建CNAME文件，然后將自己的域名寫入文件中，再次deploy就能解決以上問題。
圖片資源上傳
當博文中有圖片時，如果直接放在source文件中，會直接占用大量存儲空間，因為圖片會占據(jù)大量的存儲的空間，加載的時候相對緩慢 ，這時考慮把博文里的圖片上傳到某一網(wǎng)站，然后獲得外部鏈接，使用Markdown語法，完成圖片的插入，這種網(wǎng)站就被成為圖床。個人選擇微博圖床和對應(yīng)chrome插件配合使用。使用如下：
hexo常用命令介紹
npm install hexo -g #安裝Hexo
npm update hexo -g #升級
hexo init #初始化博客
#簡寫命令
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #啟動服務(wù)預(yù)覽
hexo d == hexo deploy #部署
# 常用命令
hexo server #Hexo會監(jiān)視文件變動并自動更新，無須重啟服務(wù)器
hexo server -s #靜態(tài)模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定義 IP
hexo clean #清除緩存，若是網(wǎng)頁正常情況下可以忽略這條命令
本文參考配置鏈接
更多技術(shù)內(nèi)容請訪問個人博客
