1.安装 node.js
因为我安装过,但是写教程,我先说说怎么卸载.
C:\Users\admin\AppData\Roaming下手动删除npm和npm-cache文件夹(要以管理员身份删除)
我先是将这两个文件删除,并没有那种弹出让我授权管理员,应该不是管理员删除文件,就是正常的删除文件,不知道行不行,先试试.
接下来我卸载了node.js , 现在我们看看是不是卸载了.
反正再查版本是报错蛮,这样就是删除了.
接下来我们来安装node.js
// 献上node.js官方文档
http://nodejs.cn/learn/how-to-install-nodejs
点击下面网址,下载你对应的版本.
http://nodejs.cn/download/
安装步骤如下:
用我蹩脚的英语水平,只能马虎翻译翻译下面是个东西是啥.
-
Node.js 的运行.
-
npm 包的信息
-
在线文档的快捷键
-
添加到环境变量.
反正点击next 就对了
翻译:
自动安装需要的工具,注意,这个也将下载巧克力?(巧克力什么鬼),这个脚本将在完全更新完后弹出一个新窗口.
总结:反正就是不用勾选....直接next
next 后直接 就finish 安装完成了.我们再看看是否安装完成
莫名奇妙说更新npm,反正没出错,我就更新了一下npm.
能查出这两个的版本号,就是安装好了.
2.安装Git
请自行谷歌或者自行参考相关文档.
3.安装hexo
创建一个路径中不包含中文空格得文件,就起名叫MyBlog把.
用git bash here , 在此文件中安装hexo
npm install -g hexo-cli <!-- 安装hexo -->
hexo -v <!-- 查看hexo版本 -->
下方为使用git 和 powershell 分别检测安装好node+git+hexo
网上是说,使用powershell 和 git 都可以进行命令操作,我先选择git进行操作试试.
首先建好一个文件夹,这个文件夹用来放hexo相关东西,这个文件夹路径不要有中文和空格.
由于我安装过hexo了,再在另外一个文件夹输入安装命令会如下图.
D:\SoftWare\NodeFiles\node_global\hexo -> D:\SoftWare\NodeFiles\node_global\node_modules\hexo-cli\bin\hexo
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modules\hexo-cli\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ hexo-cli@4.2.0
removed 1 package and updated 26 packages in 31.671s
我觉得去年安装的hexo版本低了,这里先来卸载一遍.
npm uninstall hexo-cli -g // hexo卸载命令.卸载后 , 再按照上面安装如下:
但是我有点离谱,和别人教程出来的结果不对,不管是我这git最后出来的结果,还是对比GitHub上的hexo仓库,我都觉得不对劲,但是我又是零基础,没爆那种红,那种错误,我都不知道到底是错了还是没错.
为啥我文件会和被人创库里面的文件不一样呢......
先不管,先看看 hexo g 和 hexo s 能不能生成出来博客.
先来试试 hexo g
有没有发现运行hexo之后,多出来了一个文件是public , 这个里面就是我们博客页面生成的文件.
接下来看hexo s
我们用浏览器,输入 http://localhost:4000 看看能不能访问.
OK,这样你就看到了我们的这个hexo页面是确实能够被推出来的.
如何写博客?
创建标题,写下内容
// 命令如下,就可以生成一篇文章
hexo new "标题名称"
hexo g 生成
hexok s 推送怎么写文章内容?
我们用vscode打开这个文件夹区域
编辑完内容后,保存文件,然后 hexo g >> hexo s 推送出去就可以看见了.
草稿 和 页面
草稿
hexo new draft " 草稿名称"注意,创建草稿页面,使用hexo g 的时候是不会被生成的.
纯粹页面
hexo new page "页面名称"
然后页面管理的文件夹是 scaffolds
我们也可以自己创建页面等等,但是由于笔者也是水平有限,只能教基础. 搭建零基础根本不是问题,学就完了,如果你爱折腾,可以不厌其烦的百度,谷歌搜索不同答案,不断验证,错几遍也就会了.
创建GitHub仓库
创建一个GitHub仓库,仓库名字需要和自己名字一样 , 后面 + .github.io
举个例子
比如你的github用户名叫 zhagnsan
那么你的那个仓库名字就是 zhangsan.github.io
git 绑定 GitHub
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
分别输入完上面三个代命令后,直接三个回车就行.
然后我们看这个新生成了这个文件,右键记事本打开,复制里面内容.
然后我们再GitHub上面新建 SSH Keys
然后把那一堆东西复制到这个key下面.标题是按照你喜好自己取名.点击add ssh key.
然后你就可以看见这个样子的了.
注意,如果你也是跟我一样之前弄过但是失败了,并且现在还换了一个GitHub账号,那么你需要把 .ssh文件夹中的文件删除干净,然后再按照上面的步骤来一遍,就可以了.
推送网站
这个是我们的站点配置文件
主题中有个名字和这个一样的文件,称为主题配置文件
我们用vscode打开这个文件,直接到最下面去.
修改成我这个样子的,然后保存.
deploy:
type: git
repo: https://github.com/你自己GitHub名称/你自己GitHub名称.github.io.git
branch: main
接下来我们写几条命令,把它推送到GitHub的创库的上面去.
告知的你hexo你要把博客部署到那个地方.
npm install hexo-deployer-git --save
每次更新推文时都得写这个东西.
hexo clean // 用来清除缓存文件,和以生成的静态文件.
hexo g // 生成博客的指令
hexo d // d 表示 depoly[配置,部署的意思]
然后接下来你可以访问你GitHub的网址进行访问你的博客了.
你自己GitHub名称.github.io //直接就可以访问
尾声
-
基本的框架就这样搭起来了
-
你可以换自己喜欢的主题.
-
你甚至可以自己写页面部署上去.
-
你可以买自己域名绑定.
-
当然也可以搭建再自己买的服务器上.
-
https://hexo.io/zh-cn/docs/ // hexo文档.
扫一扫
2344
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
