win10搭建Hexo--超详细

关于博客对于小白来说可以是一头雾水，由于网上的教程很多不完整，让人很头疼，接下来我对win10系统怎样搭建hexo搭建做个解析，可以帮助小白创建一个属于自己的博客。 Hexo简介 Hexo是一款基于Node.js的静态博客框架，可以方便的生成静态网页托管在GitHub和Coding上，是搭建博客的首选框架。大家可以进入hexo官网进行详细的查看，这个可选择中文查看。 #搭建流程简绍： 1.安装git 2.安装Nodejs 3.安装Hexo 4.注册Github账号并创建仓库 5.SSH相关配置 6.将Hexo部署到Github 7.发布文章 8.Hexo 常用的命令 #Step 1：安装Git 1.下载 点击Git官网下载对应的版本，win10一般是64位。 2.安装 在安装过程中一路next 3.检查git是否安装成功 在CMD窗口（R+win输入cmd即可打开CMD窗口)输入指令： git 等待。 到这里git就安装好了，这时会有一个Git Bash的命令工具（鼠标右击就会出现）。 #Step 2：下载配置Nodejs 1.下载 进入nodejs下载，根据自己的电脑选择32位或64位。 2.安装 在安装过程中一路next即可。 3.检查是否成功 在CMD窗口（R+win输入cmd即可打开CMD窗口)输入指令： | node -v | npm -v 结果显示如下代表安装成功 #Step 3：安装Hexo 前面git和nodejs安装好后，就可以安装hexo博客框架了。 首先创建一个文件夹，命名为你想要的名字，我的名字是blog，这个文件夹在后续就是用来存放你所创建博客的所有文件。这个文件也称根目录。 1.安装Hexo 在这个blog文件夹（你所创建的文件夹）下直接鼠标右键git bash打开，这个时候会有命令窗口弹出。或者（win+r）输入cmd，然后cd到你创建的blog文件夹。 在窗口中输入： npm install -g hexo-cli 然后等待安装，过程如下，这个过程需要的等待，请耐心。 2.检验是否安装成功 在窗口中接着输入hexo -v来检验是否安装成功 hexo -v 结果显示： 至此已全部安装完。 3.初始化网址 在窗口中接着输入： hexo init 这个过程可能会比较慢，请耐心等待 最后结果如下： added 432 packages in 59.037s INFO Start blogging with Hexo! 表明初始化已成功。 4.安装网址所需要的依赖插件 在窗口中接着输入： npm install 完成后，在你的根目录（blog文件夹）下会出现以下文件： 在这里解释一下： node_modules: 依赖包 public：存放生成的页面 scaffolds：生成文章的一些模板 source：用来存放你的文章 themes：主题 _config.yml: 博客的配置文件 db.json：source解析所得到的 package.json：项目所需模块项目的配置信息 5.生成静态网页和开启本地服务 在窗口中接着输入： hexo g//生成静态网址 hexo s//开启本地服务器 结果显示： 这就代表启动成功了。 在浏览器输入网址http://localhost:4000就可以查看你的本地博客网页了。 页面如下： 如果想关闭本地服务，Ctrl+C 就可以了 或者关闭这个命令窗口。 注：每次想浏览你的本地博客都需在你的根目录下鼠标右击打开git bash 在窗口中输入hexo s命令字符。 #Step4：注册Github账号并创建仓库 1.注册github 首先你要在github上注册一个账号，步骤如下： 步骤1：填写你的用户名，Email，密码。 步骤2：进入Step1，填写用户名，Email,密码。后面会有验证，会通过qq邮箱发送给你，进行验证。 步骤3：进入Step2，选择仓库。 步骤4：进入Step3，让你做一些选择，完善一些信息。也可以直接跳过步骤，这样你的账号就注册好了。 2.创建仓库 注册完上面步骤后登录，进行以下创建仓库步骤： 步骤1：点击new repository新建 步骤2：创建一个和你用户名相同的仓库，如：你的用户名+.github.io，只有这样，将来要部署到GitHub page的时候，才会被识别,也就是xxxx.github.io其中xxx就是你注册GitHub的用户名。我这里是已经建过了,所以会提示。 这样你的仓库就创建好了。 #Step5.SSH相关配置 因为需要部署到你的github仓库，每次更改都要deploy ，如果不配置ssh key 每次你都需要输入github 账号密码，太过烦琐。 1.生成SSH 回到你根目录下的git bash窗口中，输入代码： git config –global user.name “yourname”//yourname填写你的github用户名 git config –global user.email “youremail”//youremail填写你的github的邮箱 上面的yourname 和 youremail分别指你的github用户名以及github绑定的邮箱。 可以用以下两条，检查一下你有没有输对： git config user.name git config user.email 然后在执行如下命令生成秘钥和公钥: ssh-keygen -t rsa -C “youremail” 执行了这个命令会提示存储路径和密码以及确认密码，你连续按三次Enter就好 Enter file in while to save the key(/C/Users/……) 执行命令时会有上面的代码，这就是你的存储路径，打开id_rsa.pub，将里面所有的内容全部复制出来。 注:id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利的通过git上传你的文件到GitHub上。 2.添加到github 到你的github主页点击右上角头像，setting -> SSH and GPG keys，新建SSH key。 这里的title可以随便填写，我填的是我的用户名。key里面要把你的id_rsa.pub里面的信息复制进去，然后点击Add SSH key 这里验证一下是否连接成功，在根目录下的git bash中输入： ssh -T git@github.com 会有如下提示： The authenticity of host ‘github.com (52.74.223.119)’ can’t be established. RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8. Are you sure you want to continue connecting (yes/no)? 输入：yes，会有以下提示： Hi yremp2! You’ve successfully authenticated, but GitHub does not provide shell access. 这表示配置成功，就可以下一步操作了。 #Step6：将Hexo部署到Github 1.修改配置文件 这一步是将hexo和Github关联起来，在你的博客根目录（我的是：Blog）下找到 _config.yml， 可以用记事本打开，在最下方找到： deploy: type: git repo: git@github.com:yourname/yourname.github.io.git branch: master repo中yourname是你的用户名。也可以如下获取： 注:配置文件里面所有 : 后面都有一个空格，没有会出错 2.开始部署 这个时候需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。在根目录下的git bash中输入： npm install hexo-deployer-git –save 然后接着输入： hexo clean hexo g hexo d 注:输入hexo d时可能有时会跳出窗口要你输入username和password。 这个时候在你的github仓库中你会发现会出现跟你博客根目录一样的文件，你的根目录上的文件已经部署到你的github仓库上了。 打开浏览器，输入xxxx.github.io，这里请按照 你的github用户名.github.io 输入，就可以访问你的博客啦。 #Step7.发布文章 概要 1.首先，你需要了解markdown语法，如果不了解可以百度Markdown 2.主题默认文章Hello World，但不同的Hexo主题md文件格式不一样 3.可以下载编辑器，推荐Typora，界面简洁，方便。 1.编写博客 首先我们看看在安装hexo默认主题landscape的默认文章 （在博客根目录下的 \source_posts 下 ） 如果没有下载编辑器，我们只需在_posts 下新建一个Hello World2.md文件，把文档前面的一部分copy来： — title: Hello World — title就是文章的标题，然后我们写一个Hello World2（可自行修改），并且写一点内容： — title: Hello World2 — ### 你好 这是我的第一篇博客 2.上传到github 然后在根目录下鼠标右击点git bash在窗口中依次输入： hexo clean hexo g hexo d 完成后就可以看到我们的文章了。 注：如果以后有新的博文上传到github上的博客，请依次执行hexo clean ，hexo g 和hexo d操作。 #8.Hexo常用命令 这些是常用的命令，希望对大家有所帮助。 hexo clean //清除缓存 hexo g //生成新数据 hexo d //部署 hexo s //启动本地服务预览 npm install hexo -g //安装Hexo npm update hexo -g //升级 hexo init #初始化博客 hexo server -p 5000 #更改端口 教程完