Hexo博客开发

  1. 安装hexo环境
    1. 安装前提
    2. 安装 hexo
    3. hexo常用命令
  2. 构建基础网站

  Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。

  GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。

安装hexo环境

安装前提

  • 安装 Git
  • 安装 Node.js

安装 hexo

npm install -g hexo-cli
# 或者
npm install hexo

hexo常用命令

hexo new "name"       # 新建文章
hexo new page "name"  # 新建页面
hexo g                # 生成页面
hexo d                # 部署
hexo g -d             # 生成页面并部署
hexo s                # 本地预览
hexo clean            # 清除缓存和已生成的静态文件
hexo help             # 帮助

构建基础网站

  安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

# 初始化
hexo init <folder>
# 进入站点目录
cd <folder>
# 安装组件
npm install
# 生成页面
hexo g
# 启动预览
hexo s
  • 注意:将<folder> 替换为你的目录文件夹
  • **访问 **http://localhost:4000​,出现 Hexo 默认页面,本地博客安装成功!
  • **如果出现页面加载不出来,可能是端口被占用了。Ctrl+C 关闭服务器,运行 hexo server -p 5000​ 更改端口号后重试。

  新建完成后,在 folder 文件夹下将会产生如下目录**

.
├── .github
├── node_modules
├── _config.yml             # 网站的配置信息
├── _config.landscape.yml   # 网站的默认主题配置信息
├── package.json            # 引用程序的信息
├── scaffolds               # 模板文件夹
|   ├── draft.md
|   ├── page.md
|   └── post.md
├── source                  # 资源文件夹
|   ├── _drafts
|   └── _posts
|       └── hello-world.md
├── themes                  # 主题文件夹
|   └── .gitkeep
└── public                  # 网站文件
  • _config.yml 网站的配置 信息,在这个文件中可以配置网站相关的大部分信息

  • package.json 网站应用程序信息,默认安装了 EJS, StylusMarkdown 渲染引擎和 landscape主题

    • {
        "name": "hexo-site",
        "version": "0.0.0",
        "private": true,
        "scripts": {
          "build": "hexo generate",
          "clean": "hexo clean",
          "deploy": "hexo deploy",
          "server": "hexo server"
        },
        "hexo": {
          "version": ""
        },
        "dependencies": {
          "hexo": "^7.0.0",
          "hexo-generator-archive": "^2.0.0",
          "hexo-generator-category": "^2.0.0",
          "hexo-generator-index": "^3.0.0",
          "hexo-generator-tag": "^2.0.0",
          "hexo-renderer-ejs": "^2.0.0",
          "hexo-renderer-marked": "^6.0.0",
          "hexo-renderer-stylus": "^3.0.0",
          "hexo-server": "^3.0.0",
          "hexo-theme-landscape": "^1.0.0"
        }
      }
      
  • scaffolds 模版 文件夹,新建文章时,Hexo 会根据 scaffold 来创建文件。

  • source 资源文件夹是存放用户资源的地方

  • themes 主题 文件夹

  ​image-20231220144501782


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jiang4yu@126.com

文章标题:Hexo博客开发

字数:693

本文作者:

发布时间:2024-03-26, 12:02:33

最后更新:2024-03-26, 12:04:19

原始链接:https://blog.jiang4yu.com/2024/03/26/hexo-blog-development-1tmmyu/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

×

喜欢就点赞,疼爱就打赏