hexo部署在Github-Page流程

简介: 1.简介是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 并自己也拥有强大的插件系统.Hexo(中文官方网站):https://hexo.io/zh-cn/2.安装Hexo详细教程:https://www.cnblogs.com/visugar/p/6821777.html3.生成博客网站文件这部分是我主要想讲的部分。

1.简介

是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 并自己也拥有强大的插件系统.
Hexo(中文官方网站):https://hexo.io/zh-cn/

2.安装Hexo

详细教程:https://www.cnblogs.com/visugar/p/6821777.html

3.生成博客网站文件

这部分是我主要想讲的部分。
假设你想要一个名为Blog的博客文件夹,并把所有相关文件和博文放在里面,
windows在文件夹下进入控制台,执行一下命令:
hexo init Blog
cd Blog
hexo g
得到以下文件:

然后执行
hexo s -p 4999
将服务器部署到本地,端口为4999(可更改)
从浏览器进入http://localhost:4999
可预览默认博客


hexo已经为我们准备了第一篇博文
用文本编辑器修改_config.yml可以设置标题等。
然后在Blog下执行:
hexo new "第一篇博文"
hexo会在Blog\source_posts下生成“第一篇博文.md”文件
用你喜欢的文本编辑工具安Markdown语法撰写博文即可

4.配置_congfig.yml,并部署到github上

要部署到github上,首先你要有一个github账号
然后按xxx.github.io命名格式新建一个仓库(xxx是你想要的名字)
然后github会默认开启github page,
通过http://xxx.github.io即可访问github给你的默认博客。嗯,一个空的网站。
然后配置Blog中的_congfig.yml文件,


注意冒号后面有一个空格。
配置好后在Blog下
hexo g
hexo deploy

就会自动推送到git仓库上了,此时进入 http://xxx.github.io就可以访问到你的博客了。
以后发布博文的顺序为

  1. hexo new "新的博文"
  2. 编写博文
  3. hexo s -p 4999
  4. 打开http://localhost:4999预览博文
  5. hexo g
  6. hexo deploy

就完成了一篇博客的编写和发布

目录
相关文章
|
3月前
如何将静态网页部署到github上
如何将静态网页部署到github上
35 1
利用 GitHub Actions 自动化你的软件开发流程
在现代软件开发中,自动化是提升效率与质量的关键。GitHub Actions 作为 GitHub 的强大自动化工具,允许你在仓库中自动执行多种任务,如测试、打包、部署代码及自动合并 Pull Requests。本文介绍了 GitHub Actions 的核心概念、设置方法及其实用示例,帮助你快速上手并优化开发流程。通过 YAML 文件定义的工作流程可显著提高工作效率和代码质量。
|
22天前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
22天前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
9天前
|
开发者
利用 GitHub Actions 自动化你的软件开发流程
在快速发展的软件开发环境中,自动化对于提升效率与质量至关重要。GitHub Actions 作为一款强大的工具,能帮助开发者实现从自动运行测试到部署应用等工作的自动化。本文详细介绍了 GitHub Actions 的核心概念、设置方法及实际应用示例,如自动测试、部署和合并 Pull Requests,助力提升开发流程的自动化水平。
|
30天前
|
安全 网络协议 Shell
Github代码仓库SSH配置流程
这篇文章是关于如何配置SSH以安全地连接到GitHub代码仓库的详细指南,包括使用一键脚本简化配置过程、生成SSH密钥对、添加密钥到SSH代理、将公钥添加到GitHub账户以及测试SSH连接的步骤。
34 0
Github代码仓库SSH配置流程
|
27天前
|
Linux C++ Docker
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
|
28天前
|
存储
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法
|
3月前
|
jenkins Java Shell
蓝易云 - Java+Github+Jenkins部署
以上步骤完成后,每当你的Github仓库有新的提交时,Jenkins就会自动构建你的Java项目,并保存构建产物。
51 4
|
3月前
|
开发工具 git
【笔记】十分钟学会正确的github工作流,和开源作者们使用同一套流程
【笔记】十分钟学会正确的github工作流,和开源作者们使用同一套流程
61 11