怎样创建一个像这样的博客

乱弹 , 评论

新世界

事情是这样的

综上有图真相所述，有些博客或者笔记前期好用是好用就是有可能后期费点钱或者功夫(属于前期英雄)，为了你好我好大家好（方便阅读’baipiao’）于是便有了本站

使用是这样的

更多的资料建议bing或google hexo github Pages 关键字

GitHub Pages 的主要特点

  • 免费托管： GitHub Pages 提供免费的静态网站托管服务，允许用户将自己的网站内容托管在 GitHub 上，用户不需要支付额外的托管费用；
  • 使用简单： 创建和管理 GitHub Pages 静态网站相对简单，特别是对于熟悉 GitHub 的用户来说，用户只需在自己的 GitHub 帐户中创建一个特定名称的仓库，将网站文件上传到该仓库即可；
  • 自定义域名： 用户可以选择使用自定义域名来访问他们的 GitHub Pages 网站，这使得它们更适合个人网站、博客和项目页面；
  • 支持多种静态网站生成工具： GitHub Pages 支持多种静态网站生成工具，如 Jekyll、Hugo、Gatsby 等，以及纯HTML、CSS 和 JavaScript 等前端技术，这使得用户能够根据自己的需求选择适合他们的工具；
  • 自动构建： GitHub Pages 可以自动构建用户上传的网站内容，无需用户手动生成或编译网页，这使得发布网站变得更加简单。 对于开发人员和技术爱好者来说，GitHub Pages 是一个很好的选择，用于托管个人网站、博客、文档、项目页面等静态内容，它提供了一个方便的方式来分享和展示自己的作品。

Github Pages网站类型

在搭建前，默认已经注册成功了Github用户，现在开始根据官网教程一步一步的搭建。

GithubPages的站点类型有几种：

  • 个人或组织站点（User or Organization sites）：对于个人或组织站点，每个GitHub用户或组织只能有一个站点，它通常使用username.github.io或organizationname.github.io的格式，这是GitHub Pages的默认站点，通常用于个人网站、博客等。
  • 项目站点（Project sites）：对于项目站点，每个GitHub仓库可以有一个关联的GitHub Pages站点，这意味着对于每个项目，您可以创建一个独立的GitHub Pages站点，无需限制。

GitHub 创建个人（组织）类型的网站

  1. Step1： 新建一个项目
    登录Github：https://github.com/，在顶部菜单栏点击“+”，然后“New repository”新建仓库，输入项目的相关信息，然后“Create repository”创建仓库：

    注意：

    Repository name 格式必须为 用户名.github.io

    仓库类型为Public

  2. Step2： 将自己的静态站点文件上传到仓库中

    关于github如何上传文件，具体可bing 一下，本站采用hexo生成，并上传，接下来更精彩

  3. Step3： 访问

    大概等待几十秒，访问：https://用户名.github.io/，即可部署第一个属于自己的静态网站了，可以看到部署成功了，本站地址（https://qdteng-cn.github.io）

静态网站生成工具

以下是一些GitHub Pages支持的主要静态网站生成工具：

  1. Jekyll（https://jekyllrb.com）： Jekyll是GitHub Pages的默认静态网站生成工具，它使用Markdown文件和Liquid模板引擎来创建静态网站，Jekyll对于博客和文档站点非常流行。

  2. Hugo（https://gohugo.io/）： Hugo是另一个受欢迎的静态网站生成工具，它非常快速且易于使用，它使用Go语言编写，支持多种主题和内容组织方式。

  3. Gatsby（https://www.gatsbyjs.com/）： Gatsby是基于React的静态网站生成工具，它可以构建高性能、现代化的网站，Gatsby适用于博客、电子商务、应用程序文档等。

  4. VuePress（https://vuepress.vuejs.org/）： VuePress是Vue.js驱动的静态网站生成工具，专注于文档站点，它支持Markdown文件和Vue组件。

  5. Hexo（https://hexo.io/）： Hexo是一个快速、简单的博客框架，使用Markdown文件来生成静态博客，它是Node.js应用程序。

  6. Pelican（https://blog.getpelican.com/）： Pelican是使用Python编写的静态网站生成器，适用于博客和文档。

  7. Middleman（https://middlemanapp.com/）： Middleman是Ruby编写的静态网站生成工具，支持多种模板和数据源，适用于各种项目。

  8. Sphinx（https://www.sphinx-doc.org/）： Sphinx是一个Python文档生成工具，通常用于技术文档和文档站点。

  9. MkDocs（https://www.mkdocs.org）： MkDocs是Python编写的文档生成工具，使用Markdown文件创建文档站点。

Hexo生成静态网站

前面提到Hexo是node.js应用程序，前期的node环境准备在这不再详述，不熟悉的同学建议先了解一下 node 、npm 、nvm

Hexo官网

以下准了一些 hexo 的常用node命令行 

1
2
3
4
5
6
7
8
npm install hexo-cli -g // hexo的安装
hexo init blog //初始化项目
hexo clean //清空已经存在的hexo网站文件
hexo generate(可简写g) //依据网页文件和新的css样式生成新的网站文件
hexo server(可简写为s) //启动本地服务器，可以在localhost：4000查看网站修改效果
hexo new "我的第一篇文章" //创建一篇文章，根目录的source里面的md文件可以修改文章内容
npm install hexo-deployer-git --save //安装上传到仓库的插件，才能进行发布文章的命令
hexo g --d //发布文章 一键部署并推送到gitee仓库上

Hexo更换主题

官方主题库直达链接： Themes | Hexo

下载响应的主题包后 放到 /themes/ 目录下

修改/_config.yml文件

域名指向

阿里云域名CNAME指向

Github配置使用自定义域名

备选方案

gitee的pages （后来下线了，具体上线时间不详）

gitlab的pages （看起来有点麻烦，国内的应该访问速度较好）

如果github也收费了 （我不介意买个域名+网站空间）

日常使用

以前 免费的Typora用着还可以，后来收费了；换成了 markText+picgo

picText是用来编辑marketdown格式编辑器，因为markdown对图片的支持仅限本地，尤其发布到网站时容易丢掉图片所以建议使用图床软件引用云服务，免费的服务可以用github，但是国内不是很友好，所以免费的图床策略可以用picgo+github+jsdelivr ;jsdelivr是个免费的cdn服务。像阿里云、七牛、腾讯等等收费的云服务都很好用就是有点费人民币

写完文件 后 是不是希望有个一键发布的脚本 ？

新建一个.sh 或者 .bat 文件将如下代码放入也就OK了，或者记忆力好直接敲命令行也很OK

1
hexo g --d

尼卡

自乔伊·波伊之后的过去800年间，橡胶果实从未有过「觉醒」之事，而如今橡胶果实成功「觉醒」，并显现出“太阳神尼卡”之姿。 

尼卡的身体具有橡胶的特性，可以用任何方式战斗，无论走到哪里，他都能让人们绽放笑容。尼卡是“解放的战士”，因其推翻奴隶主的压迫，解放被奴役的人们，并建立巨大王国的功绩也被称为“太阳神尼卡”。当能力者的身心与“能力”相匹配时就会觉醒，觉醒后会给橡胶的肉体带来更上一层的“腕力”和“自由”，据说那是世上最匪夷所思的能力，在路飞成为能力者之前的几百年从未觉醒过。

忙了半天是不是希望自己的博客有个个性的icon？资深海贼迷推荐给你一款在线PS用来扣取自己感兴趣的图标用作自己的网站，我就厉害了把草帽扣下来了

【在线PS】PS软件网页版，ps在线图片处理工具photopea-稿定设计PS

完结

holdenJava & Linux

聊聊？