| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 开发工具 -> Hexo博客框架搭建个人博客并部署在github -> 正文阅读 |
|
[开发工具]Hexo博客框架搭建个人博客并部署在github |
为什么要搭建自己的个人博客呢? 我想大多数人都是为了记录笔记,督促自己学习。
1. 安装 Node.jsNode.js下载地址:https://nodejs.org/en/ 最后点击 install 即可,等待进度条完成后会弹出 cmd 窗口,按任意键继续等待在 powershell 中自动安装完成。 这个安装包主要安装了两个组件,node.js 本身和 npm 包管理器,这个是后续搭建 hexo 博客的基础。 安装完成后打开 cmd查看是否安装成功, 输入 node-v 查看 node 版本, 输入 npm-v 查看 npm 版本。到此,node.js 安装完成! 2. 安装 hexo 博客框架由于国内镜像源速度慢,因此利用 npm 安装淘宝的镜像源 cnpm。在 cmd 输入
接下来是使用安装好的 cnpm 安装 hexo, 在 cmd 中输入
3. 正式使用 hexo 搭建博客在安装之前首先在 cmd 中输入 chdir 查看当前路径,我们需要在这个路径下建立一个新的文件夹
windows 里 cmd 的当前路径一般在 C 盘的用户路径下,如果想将文件夹建在其它路径下,可以先在 cmd 输入你想要的路径,再输入以上命令创建文件夹。
后续用来搭建博客的东西都会放在 blogs 文件夹里面(因此不需要担心搭建过程中出错,大不了将该文件删除重来!)。
接下来就可以使用 hexo 来生成我们的博客啦,在 cmd 中输入
这样就会自动去github上克隆需要的依赖包了。 我们可以打开 blogs 文件看看生成了哪些东西,这些都是 hexo 为你自动生成的博客的基础框架内容。
4. 创建自己的第一篇博客文章我们的博客创建好后就可以文章了。
新建一篇名为 “我的第一篇博客文章” 的文章
接下来我们就可以使用 Vscode, notepad++ 或者记事本等软件对博文内容进行编辑。这里使用 notepad++ 进行编辑(基于 markdown 格式的语法)。 保存后退出 由于刚才我们进入到了 blogs/soucre/_posts 路径下,因此需要退回到 blogs 文件夹路径下。
5. 将博客部署到 github 上我们刚才创建了一个简单的博文,但通常我们写的博文都要复杂得多。而且我们的博客只是部署在本地。接下来我们要将博客部署到 github 上
经过上面的步骤,我们的博客已经部署到 github上了 6. 更换博客主题示例主题地址: https://github.com//litten/hexo-theme-yilia
参考https://www.bilibili.com/video/BV1Yb411a7ty?spm_id_from=333.999.0.0 |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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/14 15:12:26- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |