用vuepress免費搭建個人靜態(tài)博客

之前也搭建了多次個人博客。有自己寫前后端的彤钟,有使用Ghost搭建后自己改主題的羞秤。這些都需要自己有服務器缸托,學生時買云服務器非常便宜,現(xiàn)在買服務器還是有點小貴瘾蛋,所以最近又重新?lián)v騰了個靜態(tài)博客俐镐。

工具 【VuePress】 vue 驅動的靜態(tài)網(wǎng)站生成器

具體使用方法官方文檔講得非常清楚,這里就不贅述了瘦黑。文檔肯定是要看的京革,不然寫都不知道怎么寫

主題

官方的主題不能滿足我的需求,嘿嘿幸斥!找了個vuepress-theme-reco一款簡潔而優(yōu)雅的 博客 & 文檔 主題匹摇。

上線

國內(nèi)使用github始終是速度慢啊,我用的是碼云甲葬。注意了這里要想直接使用wangshiting.gitee.io這樣直接訪問你的博客廊勃,需要你創(chuàng)建的倉庫名與你的用戶名相同。創(chuàng)建好倉庫后经窖,將構建后的dist里的文件推送到這個倉庫坡垫,在碼云的》服務》Gitee Pages開啟,這樣就可以訪問你的博客啦画侣。

走一遍詳細流程

  mkdir blog #新建文件夾
  cd blog\
  # 初始化package.json可以一直回車
  npm init
  # 安裝vuepress
  npm i vuepress -D
  # 安裝主題
  npm i vuepress-theme-reco -D
  # 在package.json的scripts中加入
  "docs:dev": "vuepress dev docs",
  "docs:build": "vuepress build docs",
  # 在根目錄下建一個README.md文件冰悠,這里就是你的主頁內(nèi)容
  # 在根目錄下創(chuàng)建一個docs文件夾
  # docs下創(chuàng)建一個.vuepress文件夾
  # .vuepress下建一個config.js,這就是配置文件
  # 使用主題
  // .vuepress/config.js
  module.exports = {
    theme: 'reco'
  }
  # 本地預覽
  npm run docs:dev
  # 生成靜態(tài)文件 會生成一個dist文件夾,在.vuepress下
  npm run docs:build
  # 然后就可以推送到碼云上線了配乱。

用vuepress免費搭建個人靜態(tài)博客 | 王世庭的博客

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末溉卓,一起剝皮案震驚了整個濱河市皮迟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌桑寨,老刑警劉巖伏尼,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異尉尾,居然都是意外死亡爆阶,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進店門沙咏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來辨图,“玉大人,你說我怎么就攤上這事芭碍⊥揭郏” “怎么了?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵窖壕,是天一觀的道長忧勿。 經(jīng)常有香客問我,道長瞻讽,這世上最難降的妖魔是什么鸳吸? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮速勇,結果婚禮上晌砾,老公的妹妹穿的比我還像新娘。我一直安慰自己烦磁,他們只是感情好养匈,可當我...
    茶點故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著都伪,像睡著了一般呕乎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上陨晶,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天猬仁,我揣著相機與錄音,去河邊找鬼先誉。 笑死湿刽,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的褐耳。 我是一名探鬼主播诈闺,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼铃芦!你這毒婦竟也來了雅镊?” 一聲冷哼從身側響起把曼,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎漓穿,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體注盈,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡晃危,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了老客。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片僚饭。...
    茶點故事閱讀 40,918評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖胧砰,靈堂內(nèi)的尸體忽然破棺而出鳍鸵,到底是詐尸還是另有隱情,我是刑警寧澤尉间,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布偿乖,位于F島的核電站,受9級特大地震影響哲嘲,放射性物質發(fā)生泄漏贪薪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一眠副、第九天 我趴在偏房一處隱蔽的房頂上張望画切。 院中可真熱鬧,春花似錦囱怕、人聲如沸霍弹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽典格。三九已至,卻和暖如春忘闻,著一層夾襖步出監(jiān)牢的瞬間钝计,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工齐佳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留私恬,地道東北人。 一個月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓炼吴,卻偏偏與公主長得像本鸣,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子硅蹦,可洞房花燭夜當晚...
    茶點故事閱讀 45,926評論 2 361

推薦閱讀更多精彩內(nèi)容