哈尔滨百度网站排名,三亚网络网站建设,项目经历怎么填写,官方网站开发模板文章目录 前言生成站点本地测试部署云端参考 前言
更好的阅读体验#xff1a;https://blog.dwj601.cn/FrontEnd/Hexo/build-your-own-website-with-hexo/
笔记记多了#xff0c;想要分享给同学们一起交流进步#xff0c;该怎么办#xff1f;想要搭建一个属于自己的知识库… 文章目录 前言生成站点本地测试部署云端参考 前言
更好的阅读体验https://blog.dwj601.cn/FrontEnd/Hexo/build-your-own-website-with-hexo/
笔记记多了想要分享给同学们一起交流进步该怎么办想要搭建一个属于自己的知识库不仅仅局限在 PC 上移动端也能随时查看与编辑该怎么办搭建一个属于自己的博客网站是是一个不错的选择现在主流建站模式有两个
有后端WordPress无后端Hexo、VuePress、Gatsby。
有后端的博客网站可以是可以但是对于轻量化的个人知识博客显得有些笨重而无后端的「静态站点」很适合更新不怎么频繁的中小型知识库场景。所谓的静态站点其实就是利用一个转换工具将自己写好的 Markdown 笔记文件转换为 HTML 文件打包部署后就可以全球共享了。也就是说我们只需要关注文章的内容本身即可在极短的时间内构建一个所有人都可以访问的博客网站。
本博客以 Hexo 为例讲解如何从零开始搭建一个自己的博客网站。在开始之前你需要确保本地机配置好了 Node 运行时环境、Git 工具链和一个 GitHub 账号。
生成站点
我们需要创建一个虚拟环境用来管理我们博客网站的内容。
1安装 Hexo 的命令行工具
npm install -g hexo-cli2初始化一个静态站点
hexo init3安装所有依赖
npm install本地测试
1生成静态文件
hexo generate # 可简写为 hexo g2启动本地服务
hexo server # 可简写为 hexo sHexo 服务默认占用 4000 端口。现在用浏览器访问 http://localhost:4000如果可以看到 Hexo 的默认博客网站那么你已经成功了大半。
部署云端
这里介绍一种容错率较高的部署方案。基于 Hexo 插件 hexo-deploy-git 将网站部署到 GitHub Pages 上。 简单介绍一下 GitHub Pages。这是 GitHub 官方提供的静态站点托管平台其可以以「项目、个人和组织」三种形式进行托管例如项目可以通过 https://username or organization.github.io/project/ 访问到个人可以通过 https://username.github.io/ 访问到组织可以通过 https://organization.github.io/ 访问到。 下面以项目部署方式为例将站点部署到 https://username.github.io/repo。
1安装 Hexo 部署包 hexo-deployer-git
npm install hexo-deployer-git --save # --save 是为了写入库依赖表 packge.json2创建一个 GitHub 仓库并将本地项目推送到 GitHub如果想要以个人或组织的形式建站就将仓库名取为 username or organization.github.io否则随意
git add .
git commit -m init
git remote add origin https://github.com/Explorer-Dong/demo.git
git push -u origin main3配置 _config.yml 文件假设仓库名为 demo 并且将站点托管在推送到仓库的 public 分支下
# 网站地址
url: https://explorer-dong.github.io/demo# 部署策略
deploy:type: gitrepo: https://github.com/Explorer-Dong/demo.gitbranch: public4部署其实就是把生成的网站 push 到上述部署策略的仓库分支中
hexo deploy # 可简写为 hexo d5配置 Github Pages。选择 Source 为 Deploy from a branch 并选用 public 分支 现在访问 https://username.github.io/demo/如果可以看到与之前本地测试时一样的界面恭喜你现在已经可以在项目的 source/_post/ 目录下撰写博客并且全球共享了
参考
搭建教程Luke教你20分钟快速搭建个人博客系列(hexo篇)
个性定制GitHub Pages Hexo搭建个人博客网站史上最全教程
