摘要:本文重點介紹下開發(fā)搭配,免費輕松實現(xiàn)高質(zhì)量高顏值博客。其他系統(tǒng)的方法大同小異,只是環(huán)境配置略有不同,只要有和環(huán)境便可輕松入門。本篇內(nèi)容也可以查看我的個人博客
本文重點介紹Linux deepin下開發(fā)hexo 搭配next、GiteePages,免費輕松實現(xiàn)高質(zhì)量高顏值博客。其他系統(tǒng)的方法大同小異,只是環(huán)境配置略有不同,只要有g(shù)it和npm環(huán)境便可輕松入門hexo。
最終效果:?https://tczmh.gitee.io/hexodemo/
一、安裝先安裝git npm依賴
sudo apt install git sudo apt install npm
初始化
hexo init blog cd blog npm install
啟動
hexo server
打開瀏覽器訪問??http://localhost:4000?
即可看到第一個hexo頁面
換主題 ( 位置還是在blog文件夾內(nèi) Linux下默認(rèn)位置是 /usr/lib/blog )
git clone https://github.com/iissnan/hexo-theme-next themes/next
配置文件
vim _config.yml
theme: landscape 改為 theme: next
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next
部署 重啟
hexo g -d hexo s
效果如圖
發(fā)表文章
hexo new post "初識hexo"
編輯文章
vim /usr/lib/blog/source/_posts/初識hexo.md
修改內(nèi)容,語法為markdown
(語法問題,所有的 ` 被我替換成了 . 使用的時候要替換回來)
--- title: test date: 2019-01-17 09:27:29 tags: test --- ## start ---- **這是加粗的文字** *這是傾斜的文字*` ***這是斜體加粗的文字*** ~~這是加刪除線的文字~~ ---- ![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/ u=702257389,1274025419&fm=27&gp=0.jpg "區(qū)塊鏈") ---- 簡書 ---- 姓名|技能|排行 --|:--:|--: 劉備|哭|大哥 關(guān)羽|打|二哥 張飛|罵|三弟 ---- ...javascript function clean(){ alert("已完成!"); } ... ---- ...flow st=>start: 開始 e=>end: 結(jié)束 op=>operation: 我的操作 cond=>condition: 確認(rèn)? st->op->cond cond(yes)->e cond(no)->op ... ---- ##end
部署 重啟
hexo g -d hexo s
效果如下
https://tczmh.gitee.io/hexodemo/2019/01/17/demo/
避坑指南:用戶名之后會用來作為二級域名
例子:
若 用戶名為qiaofeng
那么 就可以獲得一個免費的個人線上地址qiaofeng.gitee.io
若 新建項目的時候,項目名如果是blog
那么 訪問地址就是https://qiaofeng.gitee.io/blog/
若項目名與用戶名相同也叫qiaofeng
那么 可以直接訪問二級域名訪問 https://qiaofeng.gitee.io 而省略項目名
先注冊碼云(https://gitee.com),新建項目
(截圖省略)
打開【服務(wù)】 - 【Gitee Pages】
勾選【強(qiáng)制使用 HTTPS】
點擊【啟動】
看到“已開啟 Gitee Pages 服務(wù),網(wǎng)站地址:??https://tczmh.gitee.io/hexodemo?” 即可
回到本地,修改配置文件
vim _config.yml
中間修改
(這里的url是剛才開啟Gitee Pages 服務(wù)出現(xiàn)的url,root必須是gitee新建的項目名,如果最后出現(xiàn)讀不到j(luò)s css,顯示混亂等問題,就是這一步不對)
url: https://tczmh.gitee.io/hexodemo root: /hexodemo
結(jié)尾修改
deploy: type: git repo: https://gitee.com/tczmh/hexodemo.git branch: master
其中repo填寫gitee上獲得的git地址,在【項目詳情】 - 【克隆/下載】 - 【復(fù)制】
安裝依賴
npm install hexo-deployer-git --save
設(shè)置全局git (若郵箱和用戶名不知道,可以在gitee的個人設(shè)置頁面查看)
git config --global user.email "你的郵箱" git config --global user.name "你的用戶名"
清理&更新&部署一條龍命令 (可能需要輸入賬號密碼,就輸gitee登錄的即可)
hexo clean && hexo g && hexo d
看到以下內(nèi)容說明成功
remote: Powered By Gitee.com To https://gitee.com/tczmh/hexodemo.git + cfcc494...395648d HEAD -> master (forced update) 分支 "master" 設(shè)置為跟蹤來自 "https://gitee.com/tczmh/hexodemo.git" 的遠(yuǎn)程分支 "master"。 INFO Deploy done: git
訪問地址:https://tczmh.gitee.io/hexodemo?
和本地測試的一樣
大功告成!之后只需要修改本地配置文件
來配置博客,發(fā)表文章
更多功能訪問官方文檔
https://hexo.io/zh-cn/docs/
http://theme-next.iissnan.com/getting-started.html
生成二維碼方法
(因為開啟HTTPS 所以直接支持 微信掃一掃 微信長按二維碼識別等)
https://cli.im/[](https://cli.im/)
輸入【URL】
點擊【生成】即可
主要就是這些,都是一些基本入門的東西,深入研究可以說是其樂無窮。
本篇內(nèi)容也可以查看我的個人博客:https://zzzmh.cn/single?id=54
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/101142.html
摘要:如果實在不會安裝可以去網(wǎng)上找教程。打開,跳轉(zhuǎn)到剛剛創(chuàng)建的文件夾位置,運行命令然后會在你的文件夾中搭建好了環(huán)境配置配置修改一些你的博客名字描述作者等。基于我的個人經(jīng)驗,建議都開啟開啟標(biāo)簽頁命令,在博客目錄添加元數(shù)據(jù)開啟分類頁命令,在博 Windows環(huán)境下Git安裝、配置SSH key、安裝node.js npm、安裝Hexo及配置、發(fā)布博客 前言 使用github pages服務(wù)搭建博客的...
摘要:自建主要花費在購買云服務(wù)器上和靜態(tài)資源托管上,剩余工作一力承擔(dān)。 寫這系列文章的初衷是:對自己知識面廣度和深度的確定,并以此調(diào)整后續(xù)的發(fā)展和學(xué)習(xí)方向。希望能達(dá)到溫故而知新的效果。 選擇從建站入手,是因為這個是最常見的要求。對于公司而言,網(wǎng)站是展示公司主旨、業(yè)務(wù)、溝通方式、宣傳營銷的必選方案,一個符合公司形象的高質(zhì)量官網(wǎng),必然能讓客戶留下良好的第一印象。,對個人而言,博客是表達(dá)其特有的思...
摘要:前言搭建此博客是因為通過上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站,但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要:前言搭建此博客是因為通過上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站,但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要:前言搭建此博客是因為通過上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站,但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
閱讀 2064·2023-04-25 22:58
閱讀 1408·2021-09-22 15:20
閱讀 2694·2019-08-30 15:56
閱讀 1986·2019-08-30 15:54
閱讀 2101·2019-08-29 12:31
閱讀 2728·2019-08-26 13:37
閱讀 592·2019-08-26 13:25
閱讀 2098·2019-08-26 11:58