建立网站_网站的建-CSDN博客

今天天气不错，建成网站后第一天写博客

前言

前言

之前一直羡慕那些拥有自己个人网站的人，一直想搭建属于自己的个人网站，也是想为自己的成长做个记录。

什么是Hexo ？

Hexo是一款基于Node.js的静态博客框架，依赖少、易于安装使用，可以方便的生成静态网页托管在GitHub上。Hexo是GitHub上的开源项目，参见：Hexo的Git。如果想了解更加全面的Hexo，可以到其官网Hexo了解。因为Hexo的创建者是台湾人，对中文的支持很友好，可以选择中文进行查看。

搭建步骤

GitHub创建个人仓库
安装Git
安装Node.js
安装Hexo
将 GitHub 和 Hexo 关联起来

GitHub创建个人仓库

登录到GitHub，如果没有GitHub账号，注册一个GitHub账号：GitHub,如下图所示创建个人仓库，仓库名应该为：用户名.github.io，[注：这是固定写法]，比如我的仓库名为：celesteting.github.io

安装Git

什么是Git？简单来说Git是开源的分布式版本控制系统，我们网站在本地搭建好了，需要使用Git同步到GitHub上。如果想了解Git的细节，参考廖雪峰老师的Git教程：Git教程。从Git官网下载Git-安装包，下载后安装，在命令行输入git测试是否安装成功，安装成功后，将Git与GitHub账号绑定，鼠标右键打开Git Bash Here。

设置user.name和user.email配置信息

$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的GitHub注册邮箱"

然后直接三个回车即可，默认不需要设置密码然后找到生成的.ssh文件夹中的id_rsa.pub密钥，将内容全部复制，
打开GitHub_Settings_keys页面，新建new SSH Key，Title为标题，随意填即可，将刚刚复制的id_rsa.pub内容复制进去，最后点击Add SSH key。
在Git Bash检测GitHub公钥设置是否成功

$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的GitHub注册邮箱"

安装Node.js

Hexo基于Node.js，Node.js下载地址：Node.js下载地址,安装后，
检测Node.js是否安装成功

$ node -v

检测npm是否安装成功

$ npm -v

安装Hexo

Hexo就是我们个人博客的框架，这里需要在自己的电脑里创建一个文件夹，这里我命名为wangzhan，Hexo框架与以后你自己发布的网站都在这个文件夹中，创建好后，进入文件夹中 -> Git Bash Here -> 使用npm命令安装Hexo

这个安装时间较长（耐心等待中），安装完成后，初始化我们的博客，输入：

$ hexo init Hexo

上面的指令会生成一个名为Hexo的文件夹

为了检测网站的雏形，在Hexo中分别按顺序输入一下三条命令：

$ hexo init Hexo

完成后在浏览器输入: http://localhost:4000/ 可以看到我们写出的第一篇博文test。

常用 Hexo 命令

hexo n “我的博文” #新建文章
hexo generate 也可简写成 hexo g #生成
hexo server 也可简写成 hexo s #启动服务预览（监视文件变动并自动更新，无需重启-服务器）
hexo deploy 也可简写成 hexo d #部署
hexo server -s #静态模式
hexo server -p 5000 #修改端口
hexo server -i 192.168.1.1 #自定义IP
hexo clean #清楚缓存

将 GitHub 和 Hexo 关联起来

在Hexo根目录里_config.yml文件成为站点配置文件，打开_config.yml修改deploy:

deploy:
    type: git
    repository: https://github.com/celesteting/celesteting.github.io.git
    branch: master

保存站点配置，其实就是然hexo知道你要把Hexo部署在哪个位置，很明显，我们部署在我们GitHub仓库里，最后安装Git部署插件

deploy:
$ hexo clean
$ hexo g
$ hexo s