zoey

谷歌浏览器可正常显示图片

0%

搭建博客

发表于 更新于
本文字数： 3k 阅读时长 ≈ 3 分钟

github搭建博客

使用github来托管项目文件

仓库：即你的项目，你想在github上开源一个项目，就必须要新建一个Repository。

创建项目 项目名：用户名.github.io

搭建步骤：创建个人站点–新建仓库（注:仓库名必须是【用户名.github.io】）

个人站点

1
https://用户名.github.io

安装node

打开node官网

1
https://nodejs.org/en/

下载安装，点击Add to PATH选项，添加到环境变量

则安装完成。

安装完node后，就可以使用npm命令安装Hexo，输入：

1
npm install -g hexo-cli

安装git

通过git管理github托管项目代码

git是一个免费，开源的版本控制软件。

git基本工作流程

工作区（Working Directory） 添加，编辑，修改文件等

暂存区 暂存已经修改的文件最后统一提交到git仓库中

Git Repository（Git 仓库） 最终确定的文件保存到仓库，成为一个新的版本，并且对他人可见

a. 查看工作区和暂存区的文件。

1
git status

b. 把工作区的内容添加到暂存区

1
git add 文件名

c. 将暂存区的文件提交到仓库

1
git commit -m "提交描述"

实战演练

在文件目录下创建文件夹

1
mkdir 文件名

在文件内初始化git（创建git仓库

1
2
cd test
git init

c，向仓库添加文件

删除工作区文件

1
rm -rf 1.php

删除暂存区文件

1
git rm 1.php

提交操作

1
git commit -m '提交描述'

Git初始化及仓库创建和操作

设置用户名

1
git config --global user.name '用户名'

设置用户名邮箱

1
git config --global user.email '用户邮箱'

查看设置

1
git config -list

Git管理远程仓库

使用远程仓库的目的

作用:备份，实现代码共享集中化管理

将本地仓库同步到git远程仓库中

1
git push

git克隆操作

目的：将远程仓库（对应的项目）复制到本地

1
git clone 仓库地址

githubSSH配置

GitHub配置SSH Key的目的是为了帮助我们在通过git提交代码时，不需要繁琐的验证过程，简化操作流程。

1
2
https://github.com/xiangshuo1992/preload.git
git@github.com:xiangshuo1992/preload.git

这两个地址展示的是同一个项目，前者是https url 直接有效网址打开，但是用户每次通过git提交的时候都要输入用户名和密码；后者是SSH URL，在通过git提交代码时，不需要验证过程。

检测是否存在SSH KEY

如果没有，则需要生成一下

1
ssh-keygen -t rsa -C "Github的注册邮箱"

安装Hexo

Hexo就是我们的个人博客网站的框架。这里需要自己在电脑常里创建一个文件夹，可以命名为Blog，Hexo框架与以后你自己发布的网页都在这个文件夹中。

在创建的文件夹命令行下，使用npm命令安装Hexo，输入：

1
npm install -g hexo-cli

安装成功后，需要初始化我们的博客，输入：

1
hexo init 博客名
1
2
3
4
5
npm install #安装npm
hexo s -p 端口号 #本地运行
例：hexo s -p 5555

或者 hexo s  #会自动给你配置一个端口

Hexo常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客

命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令

发布网站

上面只是在本地预览，接下来要做的就是就是推送网站，也就是发布网站，让我们的网站可以被更多的人访问。在设置之前，需要解释一个概念，在blog根目录里的_config.yml文件称为站点配置文件

进入跟目录里的themes文件夹，里面也有个_config.yml文件，这个称为主题配置文件

下一步将我们的Hexo与GitHub关联起来，打开站点的配置文件_config.yml，翻到最后修改为：

1
2
3
4
deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径，记得加上 .git
branch: master

gitee搭建博客

安装hexo插件

安装Node.js淘宝镜像加速器

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装hexo插件

1
npm install hexo-cli -g

创建博客的文件夹

1
hexo init 文件名（自己定义）

进入文件夹，再安装hexo插件

1
2
3
cd 文件名
npm install
hexo s   #可以本地访问该网站

初始化博客，在博客目录下输入

1
2
git config --global user.name "gitee账号名称"
git config --global user.email  "gitee的邮箱注册"

配置giteeSSH

1
ssh-keygen -t rsa -C "gitee的注册邮箱"

步骤6和7是为了生成自己的密钥，这样再通过git提交的时候，不需要每次都输入用户名和密码

把生成的密钥添加到gitee上，在C:\Users\Administrator.ssh目录下寻找id_rsa.pub文件，用记事本打开后复制，在gitee点击设置，再点击SSH公钥，粘帖后保存。

在blog根目录里的_config.yml文件称为站点配置文件，打开后在文档的最后添加

1
2
3
4
deploy:
type: git
repo: ##在gitte仓库中的克隆下载点击复制链接
branch: master

在文件中寻找url，添加博客网址

通过cmd进入博客目录

分别输入

1
2
3
hexo cl
hexo g
hexo d

进入gitee仓库中，点击管理–>初始化README启动SVN访问，再点击服务–>Gitee Pages

点击强制使用HTTPS，点击更新

发布文章

在博客目录下的\source_posts添加文件，在进行第五步操作即可添加成功。

setting –> custom domain 在方框上填上自己的自定义域名 然后点击save