摘要:環(huán)境下準(zhǔn)備工作下載安裝并安裝,默認(rèn)安裝下載安裝和本地搭建靜態(tài)博客新建一個文件夾,如進入該文件夾,右鍵點擊下載安裝生成模板初始化該文件夾進入文件夾進入文件夾訪問本地可以看到博客已經(jīng)搭建成功將博客與關(guān)聯(lián)在上創(chuàng)建名為的倉庫,為自己的用戶名。
windows環(huán)境下
準(zhǔn)備工作
下載安裝node.js并安裝,默認(rèn)安裝npm
下載安裝git和Git Bash
本地搭建hexo靜態(tài)博客
新建一個文件夾,如myBlog
進入該文件夾,右鍵點擊Git Bash Here
下載安裝hexo:npm install hexo-cli -g
生成hexo模板:hexo init blog (初始化該文件夾)
進入blog文件夾:npm install
進入blog文件夾:hexo server(訪問本地localhost:4000可以看到博客已經(jīng)搭建成功)
將博客與github關(guān)聯(lián)
在Github上創(chuàng)建名為xxx.github.io的倉庫,xxx為自己github的用戶名。
打開本地的myBlog的blog文件夾內(nèi)的_config.yml配置文件,將其中的type設(shè)置為git
進入blog文件夾運行 npm install hexo-deployer-git --save
hexo generate
hexo deploy
進入xxx.github.io對應(yīng)的 repo,打開 GitHub Pages 功能,如果已經(jīng)打開了,就直接點擊預(yù)覽鏈接。也可打開瀏覽器,訪問:https://qfstudy.github.io
編輯博客
hexo new 博客標(biāo)題
編輯source_posts下對應(yīng)的md文件
hexo generate
hexo deploy
這時打開博客就看到自己新編輯的博客
更新文章
在blog目錄下執(zhí)行:hexo new “我的第一篇文章”,會在source/_posts文件夾內(nèi)生成一個.md文件。
編輯該文件(遵循Markdown規(guī)則)
修改起始字段
title 文章的標(biāo)題
date 創(chuàng)建日期 (文件的創(chuàng)建日期 )
updated 修改日期 ( 文件的修改日期)
comments 是否開啟評論 true
tags 標(biāo)簽
categories 分類
permalink url中的名字(文件名)
編寫正文內(nèi)容(MakeDown)
hexo clean 刪除本地靜態(tài)文件(Public目錄),可不執(zhí)行。
hexo g 生成本地靜態(tài)文件(Public目錄)
hexo deploy 將本地靜態(tài)文件推送至github(hexo d)
上傳源代碼
注意(xxx.github.io)上保存的只是你的博客,并沒有保存生成博客的程序代碼,你需要再創(chuàng)建一個名為 blog-generator(可以隨意命名) 的空倉庫,用來保存 myBlog 里面的生成博客的程序代碼。
以后每次 hexo deploy 完之后,博客就會更新;然后你還要要 git add /git commit /git push 一下上傳生成博客的程序代碼,以防萬一。
更換主題
進入Hexo的官網(wǎng)主題專欄
github:https://github.com/hexojs/hex...
復(fù)制它的 SSH 地址或 HTTPS 地址,假設(shè)地址為 git@github.com:iissnan/hexo-theme-next.git
cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
cd ..
將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存
hexo generate
hexo deploy
等一分鐘,然后刷新你的博客頁面,你會看到一個新的外觀。如果不喜歡這個主題,就回到第 1 步,重選一個主題。
next主題配置
更改社交鏈接,在主題文件夾的_config.yml中修改
參考
https://github.com/limedroid/...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/94269.html
摘要:搭建個人博客二更改博客主題上傳源代碼本文簡單介紹搭建博客。本文主要目的是對學(xué)習(xí)內(nèi)容進行總結(jié)以及方便日后查閱。以后每次部署完一篇新的博文后,博客就會更新然后你還要要一下生成博客的程序代碼,以防萬一。 Hexo+GitHub 搭建個人博客(二):更改博客主題、上傳源代碼 showImg(https://segmentfault.com/img/bV5VBL?w=800&h=400); ...
摘要:設(shè)置什么是本用于介紹托管在的項目,不過,由于他的空間免費穩(wěn)定,用來做搭建一個博客再好不過了。你可以通過來訪問你的個人主頁。執(zhí)行過程中可能需要讓你輸入賬戶的用戶名及密碼,按照提示操作即可。推薦使用騰訊公益。 系統(tǒng)環(huán)境配置 要使用Hexo,需要在你的系統(tǒng)中支持Nodejs以及Git,如果還沒有,那就開始安裝吧! 安裝Node.js 下載Node.js參考地址:安裝Node.js 安裝Git...
摘要:如果實在不會安裝可以去網(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ù)搭建博客的...
摘要:前一陣子一直在想怎么搗鼓出自己的博客來,直到發(fā)現(xiàn)了是什么是一個開源的靜態(tài)博客生成器用開發(fā)作者是臺灣大學(xué)生同樣是大學(xué)生,我和他的差距怎么這么大她是一個快速簡潔且高效的博客框架。本人用的主題是然后對其進行定制,簡直不能再棒。 前一陣子一直在想怎么搗鼓出自己的博客來,直到發(fā)現(xiàn)了hexo hexo是什么 Hexo是一個開源的靜態(tài)博客生成器,用node.js開發(fā),作者是臺灣大學(xué)生tommy351...
閱讀 1279·2021-10-11 10:57
閱讀 2051·2021-09-02 15:15
閱讀 1613·2019-08-30 15:56
閱讀 1205·2019-08-30 15:55
閱讀 1163·2019-08-30 15:44
閱讀 985·2019-08-29 12:20
閱讀 1331·2019-08-29 11:12
閱讀 1073·2019-08-28 18:29