基于Hexo框架搭建个人博客(Node.js、npm、Hexo框架以及Gitee新手教程)

news/2024/5/17 19:45:58 标签: node.js, npm, gitee

下面是使用Node.js、npm、Hexo框架以及Gitee来生成博客系统的详细步骤:

  1. 确保你的计算机已经安装了Node.js。你可以在命令行输入以下命令来检查Node.js是否已经安装:

    node -v
    
  2. 安装npm(Node.js的包管理器)。npm通常随Node.js一起安装。你可以在命令行输入以下命令来检查npm是否已经安装:

    npm -v
    
  3. 安装Hexo框架。在命令行中输入以下命令来安装Hexo:

    npm install -g hexo-cli
    
  4. 创建一个新的Hexo博客项目。在命令行中输入以下命令:

    hexo init myblog
    
  5. 进入新创建的博客项目目录。在命令行中输入以下命令:

    cd myblog
    
  6. 安装博客所需的依赖包。在命令行中输入以下命令:

    npm install
    
  7. 配置Hexo博客系统。在博客项目目录中找到 _config.yml 文件,使用文本编辑器打开并进行配置。根据需要修改博客的标题、副标题、作者等信息。

  8. 创建新的博客文章。在命令行中输入以下命令:

    hexo new "Hello World"
    

    这将在 _posts 目录下创建一个名为 “Hello World” 的Markdown文件,用于编写博客文章内容。

  9. 使用Markdown语法编辑博客文章内容。在 _posts 目录下找到刚创建的Markdown文件,使用文本编辑器打开并进行编辑。你可以使用Markdown语法来格式化文本、插入图片等。

  10. 生成静态HTML文件。在命令行中输入以下命令:

    hexo generate
    
  11. 预览博客系统。在命令行中输入以下命令:

    hexo server
    

    这将启动一个本地服务器,在浏览器中输入 http://localhost:4000 来预览生成的博客系统。

  12. 部署博客系统到Gitee。首先,你需要在Gitee上创建一个新的仓库,用于存储博客系统的静态HTML文件。然后,在博客项目目录中找到 _config.yml 文件,添加以下配置:

    deploy:
      type: git
      repo: <Gitee仓库地址>
      branch: [分支名称]
    

    <Gitee仓库地址> 替换为你创建的仓库的地址,[分支名称] 替换为你想要部署的分支名称。

  13. 部署博客系统到Gitee。在命令行中输入以下命令:

    hexo deploy
    

    这将自动将生成的静态HTML文件部署到你在Gitee上创建的仓库中。

现在,你已经成功使用Node.js、npm、Hexo框架和Gitee生成了一个博客系统。你可以通过访问你的Gitee仓库地址来查看部署的博客系统。


http://www.niftyadmin.cn/n/5236045.html

相关文章

Rust国内sparse镜像源配置

文章目录 1. 遇到问题1.1 问题现象1.2 解决办法 2. 重新设置最新 sparse源3. 更多参考资料3.1 字节源3.2 ustc 源3.3 清华源3.4 其他人的总结 1. 遇到问题 有好一阵子没有更新源和安装软件了&#xff0c; 使用ustc的源&#xff0c; 更新了好一阵子&#xff0c; 最后安装居然还出…

【深度学习】Adversarial Diffusion Distillation,SDXL-Turbo 一步出图

代码&#xff1a; https://huggingface.co/stabilityai/sdxl-turbo 使用 SDXL-Turbo 是SDXL 1.0的精炼版本&#xff0c;经过实时合成训练。SDXL-Turbo 基于一种称为对抗扩散蒸馏 (ADD) 的新颖训练方法&#xff08;请参阅技术报告&#xff09;&#xff0c;该方法允许在高图像质…

游泳馆会员服务预约管理系统预约小程序效果如何

游泳馆在各地每天都有大量用户前往&#xff0c;夏季室外、冬季室内也是学习游泳技术和休闲娱乐的好地方&#xff0c;而消费者大多是年轻人和家长带的孩子&#xff0c;这部分群体更显年轻化&#xff0c;因此在如今互联网环境下&#xff0c;传统商家需要进一步赋能客户消费路径。…

【算法思考记录】力扣2134. 最少交换次数来组合所有的 1 II【C++,滑动窗口】

最少交换次数来组合所有的 1 II - 解题思路与代码分析 题目描述 本题目要求我们找到在一个环形二进制数组中&#xff0c;通过最少的交换次数把所有的 1 聚集在一起的方法。数组的环形特性意味着第一个元素和最后一个元素是相邻的。我们需要考虑数组的这种特殊结构来找到最优解…

296_C++_一个dialog对话框在执行exec向系统发送一个延后销毁事件时,另一个对话框立刻接管了上一个对话框的销毁事件,导致死UI

1、根因分析 -根因分析:当有新版本并且grade等级是2的时候,点击ptz的时候使用的是RSDialog,WA_DeleteOnClose属性默认是为true的, 并且是栈上的变量,当关闭ptz的时候,diolog的exec结束会向系统发送延后销毁事件,此时退出ptz会弹出自动升级对话框,接管了 事件循环,则会调用前面…

深度学习中的Transformer机制

Transformer 是一种深度学习模型结构&#xff0c;最初由Vaswani等人于2017年提出&#xff0c;用于自然语言处理任务&#xff0c;尤其是机器翻译。Transformer 引入了自注意力机制&#xff08;self-attention mechanism&#xff09;&#xff0c;这是其在处理序列数据时的关键创新…

Kubernetes学习笔记-Part.01 Kubernets与docker

目录 Part.01 Kubernets与docker Part.02 Docker版本 Part.03 Kubernetes原理 Part.04 资源规划 Part.05 基础环境准备 Part.06 Docker安装 Part.07 Harbor搭建 Part.08 K8s环境安装 Part.09 K8s集群构建 Part.10 容器回退 第一章 Kubernets与docker Docker是一种轻量级的容器…

npmmirror 镜像站(国内好用的npm镜像站 cnpm)

npmmirror 镜像站 原淘宝npm域名即将停止解析&#xff0c;请切换至新域名 npmmirror.com http://npm.taobao.org和 http://registry.npm.taobao.org 已经在 2022.06.30 号正式下线和停止 DNS 解析。 新域名为 npmmirror.com, 相关服务域名切换规则请参考&#xff1a; http:/…