小白从零搭个人网站步骤
1. 安装Node.js、Git
网上教程比较多，此处为大家贴上两篇：
nodejs安装配置
git安装配置
2.检查node与npm版本
在windows命令行（建议使用管理员运行）或Git Bash上使用命令：
1
2
| node -v #查看node版本
npm -v #查看npm版本
|
3.用npm安装cnpm
1
2
| npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm 管理器
cnpm -v #查看cnpm版本
|
4.用cnpm安装hexo框架
1
2
| cnpm install -g hexo-cli #安装hexo框架:注意此处报错是因为要管理员权限
hexo -v #查看hexo版本
|
5.初始化博客并本地访问
1
2
3
4
5
| mkdir blog #创建blog目录
cd blog #进入blog目录
sudo hexo init #生成博客 初始化博客
hexo s #启动本地博客服务
http://localhost:4000/ #本地访问地址
|
6.将网站部署到github上
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| #在Github上创建一个新的仓库名为YourGithubName.github.io的仓库
cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
#在Git Bash里使用两个命令绑定github账号
1.git config --global user.email xxx
2.git config --global user.name xxx
#配置hexo下的_config.yml
-----
#Deployment
##Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master
-----
#完成后使用命令将hexo部署到远程Git仓库
hexo g -d #生成创建文件并部署到远程仓库
https://YourGithubName.github.io/ #查看博客地址
|
7.下载博客主题到本地
hexo主题下载网站
1
2
3
4
5
| #git clone 主题网址.git themes/主题名
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
#使用主题：在_config.yml文件里将theme属性值改成需要的主题名即可
|
8.上传博客文章
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| #生成网站静态文件到public文件夹
hexo g
#启动本地服务器，用于预览主题
hexo s
#自动生成网站静态文件，部署到仓库
hexo d
#清除缓存文件
hexo clean
如果上传部署失败，有几个原因：
1. 网络不稳定，多尝试几次，会报timeout错误；
2. md文件内存在{{}}，是不允许的；
3. md文件如果是别处复制过来的，顶部不会有这种标记，也会报错：
title: 小白从零搭个人网站步骤
date: 2021-07-25 23:16:09
description: 最基础的搭建步骤，清晰明了！
tags: 小白欢
|