同為部落格,不同風格 ——Hexo另類搭建
一 、透過雲開發平臺快速建立初始化應用
1.建立相關應用模版請參考連結:
2.完成建立後就可以在github中檢視到新增的Hexo倉庫
二 、 本地編寫《賽博朋克風格》個人部落格
1.將應用模版克隆到本地
git clone + 專案地址
cd hexo
git checkout feature/1.0.0
npm install -g hexo-cli
npm install hexo
npm install
npm run server
2.案例效果預覽
3.更換為 lcarus 主題
$ yarn add hexo-theme-icarus
$ npx hexo config theme icarus
$ yarn add bulma-stylus@0.8.0 hexo-renderer-inferno@^0.1.3
# Icarus theme variant, can be "default" or "cyberpunk" variant: cyberpunk
4.自定義配置
5.原始碼方式使用 lcarus 主題
6.配置樣例文章
title: "【譯】下一代前端構建工具 ViteJS 中英雙語字幕" date: 2021/03/08 11:12:25 categories: - Front-End - Tools tags: - Vite - GitHub - Translation toc: true # 是否顯示目錄 thumbnail: '/images/vitet.png' # 縮圖 cover: '/images/vitet.png' # 頭圖
7.文章內容過長怎麼辦
8.怎麼樣讓文章兩欄展示
widgets: # Profile widget configurations - # Where should the widget be placed, left sidebar or right sidebar position: right type: toc # Whether to show the index of each heading index: true # Whether to collapse sub-headings when they are out-of-view collapsed: false # Maximum level of headings to show (1-6) depth: 3
三 、 雲端一鍵部署上線應用
1.上傳程式碼
git add . git commit -m '新增你的註釋' git push
2.在日常環境部署
3.配置自定義域名線上上環境上線
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70003733/viewspace-2889192/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 批量匯出 CSDN 部落格並轉為 hexo 部落格風格Hexo
- 基於github和hexo搭建部落格 本地hexo部落格搭建GithubHexo
- 搭建Hexo部落格相簿Hexo
- Hexo 搭建部落格Hexo
- hexo搭建github部落格HexoGithub
- hexo 部落格搭建筆記Hexo筆記
- Hexo部落格搭建記錄Hexo
- Hexo快速搭建部落格Hexo
- linux 搭建hexo部落格LinuxHexo
- 同時在GitHub和Coding上搭建Hexo部落格GithubHexo
- hexo搭建個人部落格心得Hexo
- 整合github、hexo搭建部落格GithubHexo
- 使用 hexo 搭建個人部落格Hexo
- 使用 Hexo 搭建靜態部落格Hexo
- 利用docker快速搭建hexo部落格DockerHexo
- 利用github hexo搭建部落格GithubHexo
- GitHub Pages + Hexo搭建個人部落格網站-github風格-採坑記錄GithubHexo網站
- Hexo-Node-Git搭建部落格HexoGit
- Hexo+Gitee搭建個人部落格HexoGitee
- Hexo + Github 搭建靜態部落格(一)HexoGithub
- hexo+github搭建個人部落格HexoGithub
- 基於Hexo搭建靜態部落格Hexo
- hexo+GitHub部落格搭建實戰HexoGithub
- 使用github和hexo搭建部落格GithubHexo
- 記錄搭建Hexo部落格系統Hexo
- Git+Hexo搭建靜態部落格GitHexo
- Hexo+Github部落格搭建完全教程HexoGithub
- Hexo+Github搭建部落格總結HexoGithub
- Hexo+GitHub+阿里域名搭建自己部落格HexoGithub阿里
- hexo搭建個人網站部落格完全教程Hexo網站
- 使用docker搭建nginx掛載hexo部落格DockerNginxHexo
- hexo 搭建部落格常用命令Hexo
- 【GitHub】GitHub+Hexo搭建個人部落格GithubHexo
- 使用hexo+next 搭建部落格Hexo
- hexo結合github搭建個人部落格HexoGithub
- 淺析 Hexo 搭建部落格的原理Hexo
- hexo+github+域名 搭建自己的部落格HexoGithub
- 搭建部落格 (Hexo + github + butterfly主題)HexoGithub