IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 【超详细】复盘在github搭建博客 -> 正文阅读

[开发工具]【超详细】复盘在github搭建博客

# 前期准备:

1、安装git

2、安装node.js

3、github注册和仓库建立(这个不讲)

4、文本编辑器安装(sublime、vs code等都可以)


这里一步步来,先说git的安装配置,这是比较简单的,打开浏览器搜索“git for windows”进入如下界面,点击download下载,下载链接放在这里:Git for Windowsicon-default.png?t=LA92https://gitforwindows.org/

安装过程只有两个地方需要注意:

1、这里关于编辑器的选择,我选择了vs code

2、这里选windows这个选项,其他的一直next就好。

安装完成后,输入win+R打开cmd,输入git命令,完成


?git装完了,我们在安装配置node.js,这个麻烦得多,这里放一个node.js的安装地址:Download | Node.jsNode.js? is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于?Chrome V8?引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器?npm,是全球最大的开源库生态系统。

根据自己的需求下载对应版本,这里红框里选的windows64位

下载完成后,开始安装:

一路点击next即可,需要注意的是要记住下载的路径,等会要用

安装完成后,打开cmd,输入“node -v”和“npm -v"命令,检验安装成功(新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西)

?创建两个空文件夹:

创建完两个空文件夹之后,打开cmd命令窗口,输入:(引号里是文件夹的路径,输入你自己的)

1、npm config set prefix "D:\Develop\nodejs\node_global"

2、npm config set cache "D:\Develop\nodejs\node_cache"

接下来设置环境变量,关闭cmd窗口,搜索”查看系统高级配置“

点击“高级”---“环境变量”

进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

这里把默认的东西改成你刚刚文件的路径就好,下图是我改完的样子?

配置完成


# 下面进入github SHH配置?

打开git-bash.exe,在窗口里输入? ?ssh-keygen -t? rsa -C"Github注册邮箱地址"? (注意C是大写)

然后一直回车

?大概到这个样子就好了

?然后打开你的github,点击settings,然后在左边导航栏找到SSH按钮

?

?

?

?密钥在这里找:

?SSH配置完成

?


# hexo的使用?

下面是网址链接:文档 | Hexoicon-default.png?t=LA92https://hexo.io/zh-cn/docs/index.html

?这个是安装命令,记住了!待会要用

?先新建一个文件夹,这里我选择在D盘新建一个名为blog的文件夹,待会安装在这里

然后打开cmd,输入刚刚文件夹的路径

回车,还记得刚刚的安装命令吗?黏贴到这里,回车,安装!

?下拉hexo网页,会看到这几行命令,我们接着操作:

?

?之后同样的操作,输入npm install回车,安装!我就不演示了

?安装完成后,可以尝试本地运行一下,在刚刚的cmd窗口输入下面的命令,如果不行可以把8080换成别的端口,然后回车,然后就可以去浏览器输入”localhost:8080“,你会发现页面出来了!

hexo s -p 8080

?

?

?


# hexo传到github

完成这一步,就基本完成任务了

找到刚刚创建的博客文件夹,把它拖进你用的编辑器里,这里用vs code做演示,找到_config.yml这个文件,修改一些参数

?下面直接上修改的参数,读者可以参考我截图的左边的数字,从而找到这些参数的修改位置

下面repo里的地址就是仓库的地址

这个url里的MUNG29是用户名,你们写你们的用户名就好?

然后安装一个插件,在hexo网站左侧导航栏找到这个,找到git的那串命令,我直接给读者复制到这里了:

npm install hexo-deployer-git --save

?复制到cmd里运行安装,注意该cmd命令要在你的安装路径后面执行,如果你刚刚关闭了,那再做一下如下操作(没关闭的跳过),在D:\blog\MUNGblog>后面黏贴上面的命令然后回车

?

?

?完成上面的操作以后,再输入最后几行代码:(配置邮箱和用户名)

git config --global user.mail"你的邮箱"

回车

git config --global user.name"你的用户名"

?回车

最后,输入两行代码分别回车

hexo g

?hexo d

回车

然后就会弹出类似这样的窗口,输入你的邮箱和密码,上传完成


?# 最后讲一下我遇到的坑吧,我上传以后页面显示不出来,又倒腾了很久,就像下面这样

?解决方法是在仓库打开gh-pages功能

?

?

?

?

?

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-11-17 12:57:47  更:2021-11-17 12:58:50 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 19:53:06-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码