-
下载并安装 Visual Studio Code, 官方下载
-
下载并安装 Nodejs, 官方下载
node -v npm -v
npm 镜像源修改为 淘宝NPM镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
下载并安装 Git, 官方下载
#配置名字和邮箱 git config --global user.name "test" git config --global user.email "test@.com"
-
安装 Hexo, 官方文档
cnpm install -g hexo-cli hexo -v
初始化博客目录
cd D hexo init blog cd blog cnpm install
启动服务器,本地预览
hexo server
-
Hexo 常用站点配置_config.yml
#网站标题 title: test #作者昵称 author: test #站点描述[签名] description: 站点描述 #网站地址 url: http://www.test.com #文章的链接格式 permalink: :title.html
-
添加标签
#生成文件路径 source/tags/index.md hexo new page tags #编辑index.md,添加type type: "tags"
-
添加分类
#生成文件路径 source/categories/index.md hexo new page categories #编辑index.md,添加type type: "categories"
-
文章添加标签与分类
categories: - hexo tags: - hexo - github
-
设置阅读全文
#在文章中使用 <!-- more --> 手动截断 <!-- more -->
-
Hexo 主题,这里选择 Next , Github地址 文档
安装 Next 主题
git clone https://github.com/iissnan/hexo-theme-next themes/next
启用主题并设置语言,站点配置
theme: next language: zh-CN
主题常用配置,themes/next/_config.yml
#主题外观设定 scheme: Gemini #设置菜单 menu: home: / || home tags: /tags/ || tags categories: /categories/ || th archives: /archives/ || archive #设置代码高亮主题 highlight_theme: night eighties #添加友情链接 links: test: http://www.test.com #文章自动添加版权声明 post_copyright: enable: true #返回顶部按钮显示百分比 sidebar: scrollpercent: true
设置RSS,安装 hexo-generator-feed
cnpm install hexo-generator-feed --save
安装hexo-generator-searchdb,添加百度/谷歌/本地 自定义站点内容搜索
cnpm install hexo-generator-searchdb --save
启用搜索,主题配置
local_search: enable: true
配置搜索,站点配置
search: path: search.xml field: post format: html limit: 7777
设置favicon.ico,将favicon.ico上传至站点根目录/source 目录下,主题配置
favicon: small: favicon.ico medium: favicon.ico
-
部署Hexo至Github
安装 hexo-deployer-git
cnpm install hexo-deployer-git --save
站点配置
deploy: type: git repo: https://github.com/github账号/github账号.github.io.git
生成并部署
hexo d -g
-
Github 自定义域名,由于Hexo每次部署到Github都会覆盖Github的域名配置,所以直接在Hexo配置,然后再部署,在根目录下的source目录下新建CNAME文件,无后缀名
#自定义域名 xxx.com
-
解析域名到 github.io,记录类型 = CNAME, 记录值 = github账号.github.io
-
码云新建一个项目, 路径 https://gitee.com/test/test.git
-
Hexo 目录说明
.deploy_git Hexo默认的.git配置文件夹 public 根据source文件夹内容自动生成
-
进入 Hexo根目录,执行以下命令,先删除 themes/next 目录下的 .gitignore 文件
#初始化仓库 git init #添加远程主机 git remote add origin https://gitee.com/test/test.git #添加目录下所有文件,不包含 .gitignore 声明的文件 git add . #添加更新说明 git commit -m "hexo first commit" #推送更新到云端服务器 git push -u origin master
-
创建 test 目录,将 Git 的内容同步到本地并安装Hexo
mkdir test cd test git init git remote add origin https://gitee.com/test/test.git git fetch --all git reset --hard origin/master cnpm install
-
blog 目录是A电脑, test 目录是B电脑, 更新文章后的同步操作:
#A电脑修改了 test.md,添加更新说明并推送到远程仓库,使用git status查看状态会显示刚刚更改过的文件状态 git commit -m "update test.md" git push origin master git status #B电脑同步更新 git pull origin master #可以通过指定当前目录工作分支与远程仓库分支之间的链接关系 git branch --set-upstream-to=origin/master master
-
hexo 数据文件,通用配置文件,新建 source/_data 目录, 主题的配置可以在此目录下配置,以 Next 主题为例,在此目录下新建 next.yml, 则 next.yml 的配置会覆盖 themes/next/_config.yml 的相同配置
以上所述就是小编给大家介绍的《hexo建站搭建流程》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 新手搭建网站的主要流程
- Ubuntu 搭建 Elasticsearch 6 集群流程
- 创业公司,如何搭建项目管理流程
- 设计师个人官网搭建全流程
- Spark环境搭建及相关工作流程介绍
- CentOS下快速搭建SVN服务器流程
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Zero to One
Peter Thiel、Blake Masters / Crown Business / 2014-9-16 / USD 27.00
“This book delivers completely new and refreshing ideas on how to create value in the world.” - Mark Zuckerberg, CEO of Facebook “Peter Thiel has built multiple breakthrough companies, and ......一起来看看 《Zero to One》 这本书的介绍吧!