类似于CSDN、博客园也都可以写文章，但这些都是依赖在别人提供好的网站或博客模板上来写，能定制属性较少，今天给大家推荐一种搭建个人技术博客的方法：基于hexo+github实现，通过它能快速搭建出一套属于个人且具有极高定制化特性的技术博客...，所以hexo所做的就是将这些md文件都放在本地，每次写完文章后调用写好的命令来批量完成相关页面的生成，然后再将有改动的页面提交到github。...文件，来建立关联，命令： vim _config.yml 翻到最下面，改成我这样子的，注意：: 后面要有空格 deploy: type: git repository: https://github.com...文件/文件夹 说明 _config.yml 配置文件 public 生成的静态文件，这个目录最终会发布到服务器 scaffolds 一些通用的markdown模板 source 编写的markdown文件...，_drafts草稿文件，_posts发布的文章 themes 博客的模板 我们正常使用，修改最多的是_config.yml文件，不管是博客的基础配置，还是模板，都是修改这个文件。
GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...因此后期我在这个主题的基础上做了一些改动，其中有依赖组件的更新，结合个人情况对个别页面进行了改版，就成为了现在的样子： ?...2、删除 CNAME 文件 删除项目中的 CNAME 文件，CNAME 是定制域名的时候使用的内容，如果不使用定制域名会存在冲突。...首先需要设置域名解析，将域名的地址指向自己的 github 博客地址。这里以万网的域名配置为例，选择需要设置的域名点击解析，在域名解析页面添加以下两条记录 ?
GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...因此后期我在这个主题的基础上做了一些改动，其中有依赖组件的更新，结合个人情况对个别页面进行了改版，就成为了现在的样子： 使用这个主题的原因是，我比较喜欢简洁大气的风格，并且此博客主题对代码展示支持良好。...2、删除 CNAME 文件 删除项目中的 CNAME 文件，CNAME 是定制域名的时候使用的内容，如果不使用定制域名会存在冲突。...这里以万网的域名配置为例，选择需要设置的域名点击解析，在域名解析页面添加以下两条记录 空框内，需要填写自己github_username值。
，然后，你只需要像平时一样 commit 你的博文到 GitHub 上就 OK 了，GitPage 会自动将你的更新部署出去，完全不需要考虑服务器、数据库、运维、甚至 HTML 等这些发布站点的必备技能...，所以 GitPage 诞生的目的就是要把你的专注点拉回到写文章上而不需要花时间去考虑其它事情。...这时你可能会注意到，我要如何去个性化我的站点？我真的仅仅需要 commit 一个文件上去就 OK 吗？...用于存放主题的模板文件，决定了网站内容的呈现方式，您可参考模板以获得更多信息 scripts 脚本文件夹。...在启动时，Hexo 会载入此文件夹内的 JavaScript 文件，参见插件获取更多信息 source 资源文件夹，除了模板以外的 Asset，例如 CSS、JavaScript 文件等，都应该放在这个文件夹中
并不是为了和 Ant Design 齐名，只是用于为我的网站、博客、APP、小程序等等，提供一个一致化的 UI 及阅读体验。 ?...Mifa 主题 只需要在项目中创建 _config.yml 文化，在文件中写入： remote_theme: phodal/mifa-jekyll 就可以为你的 README 启动 Mifa 主题。...Mifa Design 考虑到原子设计是一个不错的处理流程，接下来的内容就以原子设计来展开。 原子设计由原子、分子、生物体、模板和页面共同协作以创造出更有效的用户界面系统的一种设计方法。...最初在设计 Mifa 的时候，我只需要定制一个方便阅读的 CSS 样式。 对于一篇文章（Markdown）来说，需要个性化的东西有：标题、引用、段落、列表、表格、代码、链接。...Template 诸如基于 Mifa 的 GitHub Pages Jekyll 主题也是模板，只需要： 在项目中创建 _config.yml 文化，在文件中写入： remote_theme: phodal
阅读文本大概需要 3 分钟。 我之前写过一篇文章《利用Github+Jeklly搭建个人博客网站》，利用 Github 仓库提供的 github pages 来搭建个人博客。...而 Hexo 需要事先在本地生成整个站点页面，再将 Html 文件、资源文件等上传到 Github 上。 •主题 Jekyll 使用 Liquid；它是有 Ruby 语言编写的开源模板语言。...如果你想修改这个命名规则，可以在 Hexo 目录下的 _config.yml 文件中，找到 # Writing 字样，然后进行修改。 ? 不过我不建议修改这命名规则，这格式能一目了然。...Hexo 目录下的 _config.yml 文件中，修改永久链接的显示方式。 ? 这里 :urlname 变量可以显示为数字或者英文内容。...但其实也是有方法来规避这种规则。 用户一般是通过关键字从搜索引擎搜索我们网页内容，所以我们需要给页面设置关键字和页面描述，能命中用户搜索的关键字。当然前提是要被搜索引擎收录。
部署命令如下： hexo deploy 在部署之前，我们需要先知道博客的部署地址，它需要对应 GitHub 的一个 Repository 的地址，这个信息需要我们来配置一下。...仔细看看，这实际上是博客文件夹下面的 public 文件夹下的所有内容，Hexo 把编译之后的静态页面内容上传到 GitHub 的 master 分支上面去了。...code 作为程序猿，代码块的显示还是需要很讲究的，默认的代码块我个人不是特别喜欢，因此我把代码的颜色修改为黑色，并把复制按钮的样式修改为类似 Mac 的样式，修改 _config.yml 文件的 codeblock...pangu 就是来解决这个问题的，我们只需要在主题里面开启这个选项，在编译生成页面的时候，中英文之间就会自动添加空格，看起来更加美观。...我们可以自行添加一个 type 字段来指定页面的类型： type: categories comments: false 然后再在主题的 _config.yml 文件将这个页面的链接添加到主菜单里面，修改
不得搞数据库吗？不得注册域名吗？没事，如果都没有，那照样是能搭建一个博客的。 GitHub 是个好东西啊，它提供了 GitHub Pages 帮助我们来架设一个静态网站，这就解决了服务器的问题。...部署命令如下： hexo deploy 在部署之前，我们需要先知道博客的部署地址，它需要对应 GitHub 的一个 Repository 的地址，这个信息需要我们来配置一下。...code 作为程序猿，代码块的显示还是需要很讲究的，默认的代码块我个人不是特别喜欢，因此我把代码的颜色修改为黑色，并把复制按钮的样式修改为类似 Mac 的样式，修改 _config.yml 文件的 codeblock...pangu 就是来解决这个问题的，我们只需要在主题里面开启这个选项，在编译生成页面的时候，中英文之间就会自动添加空格，看起来更加美观。...我们可以自行添加一个 type 字段来指定页面的类型： type: categories comments: false 然后再在主题的 _config.yml 文件将这个页面的链接添加到主菜单里面，修改
此时会生成配置文件 _config.yml，里面记录了你设置的主题模板 ； index.md 文档，初始引导页面，写了几句欢迎词以及 markdown基本语法 ?...可以发现，这样的配置优点和缺点都很明显。 优点是仓库内的内容都是你的主要内容，博客的架构文件 和 内容是分离的，使得仓库非常简洁。 缺点也是由于架构和内容的分离导致的，无法实现进一步的定制化。 3....后续改进 除了官方提供的几个基础模板，github pages 也支持其他开源的模板，可以在模板页面选择 模板地址： http://jekyllthemes.org/ ?...需要改动的地方也很少，只需要修改 _config.yml ，将源代码注释，并且修改以你选择的新主题的项目名称即可，这里以上图中自定义模板的第一个为例： ?...看了这个主题，除了风格不太适合我个人以外，它实现了 MathJax ,Mermaid.JS 等强大的可视化功能，这些是在处理算法原理的时候非常有用的 还想到了一个很好的方式，如果大家也想加入到公众号文章的内容建设中来的话
hexo 正常来说，不需要部署到我们的服务器上，我们的服务器上保存的，其实是基于在hexo通过markdown编写的文章，然后hexo帮我们生成静态的html页面，然后，将生成的html上传到我们的服务器...文件/文件夹 说明 _config.yml 配置文件 public 生成的静态文件，这个目录最终会发布到服务器 scaffolds 一些通用的markdown模板 source 编写的markdown文件...，_drafts草稿文件，_posts发布的文章 themes 博客的模板 我们正常使用，修改最多的源码是_config.yml文件，不管是博客的基础配置，还是模板，都是修改这个文件。...这样，我就可以将本地的文章通过hexo官方推荐的方式push到github： hexo deploy 这样应该就能在你的github上看到上传的代码了，这时看到的应该是纯静态的一个站点。...既然代码已经上传了，那么只要在我的服务器配置好github和ssh私钥，就能顺利的pull代码了，当然，还需要写个crontab定时来拉取，不需要自己登录服务器操作了。
如果你对前端技术很感兴趣，或者你有前端开发经验，那么你开源随意定制化Jekyll模板，相对来说处理出现的错误问题也会比一般人及时一些。由于我对这个还不是很熟悉，希望各位大佬指教。...第二步:把下载好的模板上传到自己的Github仓库中。 第三步:在_posts文件夹中放入自己写好的博客,文件名必须是日期-标题名,例如:2019-01-01-我的第一篇博客。...第四步:上传博客到Github中即可访问自己的博客。 ---- 二、Jekyll目录和文件结构介绍 文件 / 目录 描述 _config.yml 保存配置数据。...The permalinks 可以在文章中自己定制，但是数据和标记语言都是根据文件名来确定的。..._data 放一些其他配置文件,必须是.yml或者.yaml格式的,比如有一个文件叫members.yml,如果想引用这个文件里的内容就通过site.data.membres来引用 _site 一旦 Jekyll
安装Git Git是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。Git的作用是将本地的网页文件传到github上。...：存放生成的页面 scaffolds：生成文章的一些模板 source：用来存放你的文章 themes：主题** _config.yml: 博客的配置文件** 到此为止，本地的网站配置完成了。...将hexo部署到GitHub 将hexo生成的文章部署到GitHub上，打开博客根目录下的_config.yml文件，这是博客的配置文件，在这里你可以修改与博客配置相关的各种信息。...这个时候需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。...自定制修改 在本主题的 _config.yml 中可以修改部分自定义信息，有以下几个部分： 菜单 我的梦想 首页的音乐播放器和视频播放器配置 是否显示推荐文章名称和按钮配置 favicon 和 Logo
图片 在博客目录内的_config.yml文件内添加下面的代码来更改hexo-server运行时的端口号： server: port: 4001 #端口号随意，默认是4000 compress:...当我们用命令创建一个新的博客时，其实是用了一个默认模板来创建一个新的markdown文件。这个模板是保存在scaffolds目录下的。 图片 其中post.md就是博客文章的模板。...cd themes git clone https://github.com/theme-next/hexo-theme-next 然后在_config.yml文件中配置需要使用的主题。...首先，还是在Github上新建一个仓库，只是这次对仓库的名称没有要求了。然后用git工具将博客目录的文件推送到该仓库。 注意，不需要使用hexo g来生成博客网页。...这一步我们将在Netlify 上完成。所以推送的东西不应该包含运行hexo g命令生成的文件。 然后，在Netlify 上注册一个帐号。最好直接使用Github帐号。 并添加好维护博客内容的仓库。
上 以前个人博客是在位于http://username.github.com这个域名下，现在改成了http://username.github.io，所以大家可以看到两种不同域名下的博客。...这说明你还没有添加key给当前用户，解决方案请参考Error:Permission denied (publickey)和Github help:Generating SSH Keys来为当前用户创建publickey...rake的配置文件,类似于makefile,这个我修改了一些内容 ├─ Gemfile #bundle要下载需要的gem依赖关系的指定文件 ├─ Gemfile.lock #这些gem依赖的对应关系...,比如A的x本依赖于B的y版本,我也修改了 ├─ _config.yml #站点的配置文件 ├─ public/ #在静态编译完成后的目录,网站只需要这个目录下的文件树 ├─ _deploy/ #...│ └── xxx.rb └─ source/ #这个是站点的源文件目录,public目录就是根据这个目录下数据生成的 └─ _includes/ └─ custom/ #自定义的模板目录
笔者看了很多模板，最满意的是 这个模板，模板的代码在 https://github.com/cnfeat/cnfeat.github.io。...这个模板简洁又好看，而且_config.yml中写了详细的注释，对于笔者这种纯新手很友好。 同学们如果也喜欢这个模板的话，可以自己去下载。 下载好了模板之后，肯定要来修改成自己想要的样子啦。...我们提交_config.yml、html、md这些文件，推送到远程的服务器仓库上，github内置的jekyll程序会帮我们，利用这些提交的文件，生成html的静态页面。...这些静态页面就是github page博客上看到的东西。 既然逻辑是这样的，那么我们就要根据jekyll的规则来写_config.yml和html、md这些文件。...jekyll会根据_config.yml中的说明来生成静态页面。 _config.yml是全局的一些配置。
分类方式和组织方式 实话实说，这应该是从 Hexo 迁移到 Hugo 中遇到的最难的问题了，主要是概念上很难转过来。...我觉得这是 Hugo 的又一个优点，直接利用起文件系统的结构来组织文章，合理且符合用户预期，Markdown 文档的存放也更有序。...在 Hexo 中你可以通过站点配置文件 _config.yml 中的 tag_map 来实现，但在 Hugo 中没有这样的功能，那在 Hugo 中应该怎么办呢？...然后，如果你想要使分区的 URL 却为英文，比如：你想使「系列」分区的 URL 为 /series/ 而非 /系列/，那么你需要先在「系列」文件夹下新建一个 _index.md 文件，然后加上以下内容：...JS、CSS 等文件；在 Hugo 中，没有 hexo d 一键部署 public 文件夹到 GitHub 的操作，你需要自己新建脚本，但我建议使用 Git 管理整个站点，然后上传整个站点到 GitHub
Jekyll 也可以运行在 GitHub Pages 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...GitHub Pages 是一个静态网站托管服务，直接从github仓库托管你个人、公司或者项目页面 ，并且不需要你写任何后端语言来支持。...到这一步，我们就成功完成了 Github Pages 的配置，接下来我们就需要安装 Jekyll ，上网找一个 Jekyll 的博客模板，再将自己修改后的模板上传至这个库中就可以完成我们的个人博客了。...我使用的博客模板 jekyll 的目录结构大概是这样的： . ├── assets # 存放用于线上环境的静态资源，比如我们想放在博客上的图片之类 ├── _config.yml # 配置文件，我们通过修改这里的参数改造博客...Github 页面上有很清楚的说明，想直接用这个模板的朋友可以根据说明修改。
今天，我就来示范如何在github上搭建Blog，你可以从中掌握github的Pages功能，以及Jekyll软件的基本用法。更重要的是，你会体会到一种建立网站的全新思路。 ?...所以，github Pages可以被认为是用户编写的、托管在github上的静态网页。 ? github提供模板，允许站内生成网页，但也允许用户自己编写网页，然后上传。...三、一个实例 下面，我举一个实例，演示如何在github上搭建blog，你可以跟着一步步做。为了便于理解，这个blog只有最基本的功能。 在搭建之前，你必须已经安装了git，并且有github账户。...文件头表示，首页使用default模板，标题为”我的Blog”。...文章页面： ? 第七步，绑定域名。 如果你不想用http://username.github.com/jekyll_demo/这个域名，可以换成自己的域名。
今天，我就来示范如何在github上搭建Blog，你可以从中掌握github的Pages功能，以及Jekyll软件的基本用法。更重要的是，你会体会到一种建立网站的全新思路。 ?...所以，github Pages可以被认为是用户编写的、托管在github上的静态网页。 ? github提供模板，允许站内生成网页，但也允许用户自己编写网页，然后上传。...三、一个实例 下面，我举一个实例，演示如何在github上搭建blog，你可以跟着一步步做。为了便于理解，这个blog只有最基本的功能。 在搭建之前，你必须已经安装了git，并且有github账户。...文件头表示，首页使用default模板，标题为"我的Blog"。...文章页面： ? 第七步，绑定域名。 如果你不想用http://username.github.com/jekyll_demo/这个域名，可以换成自己的域名。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
