GitHub Pages 1. 注册GitHub 2. 登录GitHub 3. 新建仓库 4. 配置 SSH-Key 参考步骤 扩展:git 配置多个 ssh-key 3. 安装 Hexo 1....初始化框架 hexo init blog blog 是装博客的文件夹 5. 进入 blog 文件夹 cd blog 6. 执行 npm install 7....关联 GitHub 修改配置文件 找到本地 blog 文件夹下_config.yml,打开后滑到最后, 修改成下图样子, 冒号后都要有空格 注意:2020 年 10 月 1 日起,所有”master...主题 下载主题hexo 主题 安装教程可查看对应主题的安装教程 修改主题文件夹的配置文件(_config.yml)添加想要的功能和取消不想要的功能 修改样式 ① 电脑端浏览器打开博客,右键选择检查 ②
1.原理 GitHub作为博客相关文件的托管方,你把按照jekyll规定的目录及文件上传至github库中,通过约定的库名称即可访问到经过jekyll渲染后的博客页面。...2.搭建过程 2.1、注册Github账号,并新建一个名称为username.github.io的repository(username为你注册Github的名称) 2.2、按jekyll约定的文件及目录结构在本地创建文件及目录... 2.3、将2.2创建好的所有文件上传至2.1中创建的repository中 2.4、浏览器访问 https://username.github.io 即可打开已创建的博客 3.参考链接 http...://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html (阮一峰搭建教程) https://pages.github.com/ (GitHub...Pages官网) https://jekyllrb.com/docs/structure/ (jekyll目录结构)
好久没有更新博客了,给大家带来一个使用Hexo搭建Github Pages博客教程 直接给你们上链接最近我懒得不行了呀 ①使用hexo+github搭建免费个人博客详细教程 https://www.cnblogs.com.../liuxianan/p/build-blog-website-by-hexo-github.html ②手把手教你用Hexo+Github 搭建属于自己的博客 http://blog.csdn.net.../gdutxiaoxu/article/details/53576018 ③ Hexo搭建Github静态博客 https://www.cnblogs.com/zhcncn/p/4097881.html...④HEXO+Github,搭建属于自己的博客 https://www.jianshu.com/p/465830080ea9 主题安装说明:http://www.blackshow.me/2015/11...而那个博客是应用了这个主题而已、hexo中有很多非常优秀漂亮的主题。教程中包括node.js和git环境,gitHub账户的配置。虽然我没有用过这个搭建过博客,但是有需要我是协助你的!
后来就搭建了一个WordPress站点,记录自己的点滴。慢慢的接触到了CSDN,也计划着在那里写博客。CSDN的编辑器有markdown版本,接触到了markdown就对其产生了好感。...慢慢的,我感受到了WordPress站点的臃肿,由于我的站点原因,做的并不是单独的博客站点,所有的文章展示方面不友好。所以萌生了搭建一个单独的博客的想法。 为什么选择hexo?...博客本地搭建 安装Hexo 通过npm来安装Hexo npm install -g hexo-cli 12 npm install -g hexo-cli 创建网站 在电脑里新建一个文件夹作为博客的目录...博客Github部署 创建储存桶 新建一个仓库,项目名一定要是用户名.github.io的形式(README.md可选可不选) 比如,我的用户名是GeekMubai,则我的仓库名必须是GeekMubai.github.io...此时已经同步代码到GitHub了。 ? 开启Github-Pages 当你按照项目名是用户名.github.io的形式创建仓库的时候,GitHub应该是默认开启了github-pages。
下面我就来说明一下自己的博客搭建过程,因为是第一次尝试,所以这篇博客可能出现一些错误,欢迎大家指出~ 搭建过程 搭建博客的思路参考了吴坎师兄的博客,搭建的流程也基本遵从师兄的配置教程与网络上的教程。...首先通过知乎了解了一下基于 Github Pages 的博客搭建方式,选择了 Jekyll + Github Pages 的方式,下面简单说明下这种搭建方式。...Jekyll 也可以运行在 GitHub Pages 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...参考资料 本次博客的搭建主要参考了以下内容,感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建(基于GitHub和Jekyll主题 ) Jekyll +...Github Pages 博客搭建入门 语法高亮不够漂亮?
image.png 使用Hugo已经把博客搭建好了,那应该部署到哪里呢?可以使用VPS、云服务器等,我使用的是Github Pages,免费而且也很好用!...我使用过两种方式来部署,第一种部署简单,但是每次发表博客很麻烦,第二种部署虽然步骤较多,但是发表博客非常便捷,管理起来很非常方便。下面介绍一下在部署过程的步骤和解决的问题。...2 使用Github Actions自动构建博客 本地添加文章,提交到Github,之后会自动触发Github Actions帮助我们把刚刚添加的文章通过Hugo发布到Github Pages进行托管。...之后即可通过 Github 给 Pages 生成的 URL 访问即可。...2.5 推送和访问 搭建就结束后,我们可以访问Github为username/username.github.io 仓库生成的域名: https://username.github.io/ 查看效果。
nodejs.org/zh-cn/download/ 下载安装包下一步即可 需要注意的是,在安装到Custom Setup这一步时,记得选Add to Path 3.安装hexo 首先创建一个用来放置博客的文件夹...hexo完成安装 安装完成之后可在目录看到以下一些文件 node_modules 依赖 scaffolds 生成网页的模板 source Markdown文章 themes 主题 _config.yml 博客配置文件...github.com/jcjyxjs/name.github.io.git,仓库链接可在仓库页面页面复制到 修改博客根目录下的_config.yml 代码第100行。...@github.com cd进入博客目录,输入hexo g,等待网页文件生成,然后输入hexo d进行部署,会提示输入你的github邮箱和密码,然后就自动部署了 第二种方法 安装Github Desktop...仓库绑定域名 在仓库页面点击Settings 往下拉可以看到Github Pages 把None改成你想要显示的分支,这项操作会自动刷新页面。
今天亲手通过 Jekyll 搭建了一套免费博客,搭建步骤其实超级简单。你不需要购买域名,也不需要购买服务器,就可以轻松拥有你自己的博客。 Jekyll 的核心是一个文本转换引擎。...例如:2019-10-11-5分钟搭建博客.md 3.部署代码到 Github 1.创建 Github 账号 注:这里我使用的 Github 托管静态博客的,你也可以选择把代码托管到 码云 或者其他平台上...提交代码到 Gitee 上,再开启 Gitee Pages 服务即可。 ? 最后就可以访问了。http://huaairen.gitee.io/ 5.访问自己的博客网站 效果如下图: ?...Github + hexo matery 主题搭建免费博客 2. 5分钟搭建私人Java博客系统 3....手把手博客搭建 参考资料 1.使用 github + jekyll 搭建个人博客 https://www.cnblogs.com/wangfupeng1988/p/5702324.html 2.Github
在GitHub Pages中写博客,通常就是使用Markdown。比如你正在阅读的这篇博客就是用 Markdown 编写的。...本教程涉及到自定义域名,可绑定自己拥有的域名来访问搭建的个人博客。使用的域名是在阿里云注册,并使用阿里云的云解析服务。域名解析用来映射域名和IP之间的关系。...一、创建 GitHub Pages 仓库 创建一个名为 USERNAME.github.io 的仓库,其中 USERNAME 为你的 GitHub 用户名。...我这里创建的是 hummerstudio.github.io 二、上传网页文件 GitHub Pages 只支持静态网页,是不支持 JSP 和 PHP 的。...我有一个和微信公众号ID同名的com域名shanyshanb.com,希望能够使用它来访问博客,而不是使用 GitHub 提供的二级域名。
0 前言 用 GitHub Pages 搭建了个博客之后除了更新点文章之后就没怎么管过,一年前买的域名快过期了,花 69 续了一年。...不想浪费钱,不想再忍受微信的提醒,于是把 Github Pages 搭建的博客绑定 lbjheiheihei.xyz 这个域名。(域名早已备案) ?...这篇文章的前提是有域名、有 Github Pages 搭建的博客。 1 具体过程 网上一堆不知所以的教程,看得我头昏脑胀,花了不少时间试出来了。...Pages ,如果能看到类似 Your site is published at https://lbjheiheihei.xyz/ 这样的文字,说明就搞定了。.../2018-05-01-github-pages-custom-domains-https/ https://help.github.com/en/articles/setting-up-an-apex-domain
使用hexo和github pages搭建个人博客 最近自己买了一个腾讯云主机,系统是CentOS7,于是准备自己搭建一个个人技术博客,采用的可选方案有PHP+MYSQL+WordPress的,可以参考搭建...WordPress 博客教程(超详细);也可以通过hexo结合Github pages搭建个人博客,具体可以参考博客园博主黄小斜的搭建自己的技术博客系列(一)使用 hexo 搭建一个精美的静态博客和搭建自己的技术博客系列...(二)把 Hexo 博客部署到 GitHub 上 根据黄小斜博主的方法,我在自己的github账户下创建了ccf19881030.github.io的仓库项目,然后使用相应的hexo命令部署运行,通过...搭建自己的技术博客系列(一)使用 hexo 搭建一个精美的静态博客 搭建自己的技术博客系列(二)把 Hexo 博客部署到 GitHub 上 搭建自己的技术博客系列(三)让你的博客拥有评论功能!...搭建自己的技术博客系列(五)hexo博客接入busuanzi插件,展示访问量和网站运行时间 使用hexo和github pages搭建个人博客 使用hexo+github搭建免费个人博客详细教程 Hexo
Github Pages Github Pages免费的静态站点,其特点:免费托管、自带主题、支持自制页面等。...Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。官网也是搭建在GitHub上。...部署代码到github pages 创建好仓库之后,要本地生成 SSH 秘钥,方便电脑上的 git 软件好提交内容到 Github 上,其实也可以不生成本地的ssh,可以直接用命令或者工具上传代码(这个纯命令提交可以参考之前的博客点击打开链接...访接下来就是将本地的静态博客部署到gitHub上,要把本地的静态博客同步到 Github,我们还需要先安装两个跟部署相关的 hexo 插件,可以实现如下命令: npm install hexo -server...Pages的域名 xxx.github.io进行查询,得到一个IP地址。
用hexo+github pages 可以很方便地搭建一个个人博客网站,不需要购买域名和服务器,只需要按部就班操作即可。...由于本文参考了大量博客,所以在文末我会列出原文链接。 一.Github,Github pages ,Hexo 首先介绍一下这三个东西,有大概的了解、知道是什么东西就可以。...hexo+github pages部署个人博客网站的感想-1.png 在之后介绍的操作中,凡是需要输入命令的,请确保你已经cd进自己的站点文件夹。...至此,hexo博客已经在本地搭建好了。接下来,我们要将hexo和github进行对接。 三. hexo与github 实现对接 1.建立仓库 还记得我们之前注册的github账号吗?...$ hexo g $ hexo d 等待片刻,打开 https://.github.io (例如 https://ccc.github.io ) 即可进入你搭建好的个人博客网站了
一、全局安装 Hexo $ npm install hexo-cli -g 二、初始化博客项目并安装依赖 $ hexo init blog $ cd blog $ npm install 三、运行博客项目...$ hexo server 也可以简写 $ hexo s 查看运行结果 → 访问:http://localhost:4000 image.png 四、将 Hexo 博客发布到 github 1、先 ctrl...+c 停止博客项目运行 2、在博客项目中安装 hexo-deployer-git $ npm install hexo-deployer-git --save 3、配置 _config.yml,将下面代码复制到项目根目录...github pages 上 当出现以下代码时说明部署成功 ? ...10、进入 github 的博客项目仓库,进入项目的设置,在下方的 GitHub Pages 即可查看博客的域名
在docs中新建一个 .vitepress 文件夹,里面创建一个 config.js 文件 // vitepress/config.js module.exports = { title: "我的博客...",// 网站标题 description: '我的vitepress博客...pages 在 docs/.vitepress/config.js 中设置正确的base。...默认打包后的 dist 目录放在 .vitepress/dist/ 下,小编这里只是设置了 github pages(读者可自行百度查找),写了个脚本把打包完后的 dist 目录移到了根目录下,git...我的博客地址 学习地址 官方文档:https://vitepress.vuejs.org/ 掘金讲解:https://juejin.cn/post/6965510644007665671#heading
---- 先讲一下总体思路: github pages 可以展示静态页面 hexo 作为一个blog系统可以生成静态页面 next 其实就是一个主题,用来凑数的 Travis CI 来做集成 -----...接下来是正文: 本地环境搭建,生成本地blog 按照hexo需要两个软件:Node.js 和 git,这两个的安装不在赘述 安装hexo: npm install -g hexo-cli hexo...安装完成之后,使用以下命令可以新建一个hexo博客: hexo init floder为文件夹的名称,也就是新建的博客名,进入到这个文件夹中 *_config.yml* 是配置文件...github.io的形式来访问这个博客。)...上,travis ci就会自动检测到此项目有变化,部署博客文件至gh-pages分支上。
因为GitHub在国内太慢的原因,所以打算用gitee或者coding的,但是发现现在国内的代码托管商新建仓库都不支持自定义域名了,所以只能用回GitHub Pages来托管了。...安装Hexo 在合适的地方新建一个文件夹,用来存放自己的博客文件,比如我的博客文件都存放在D:\cordinovet.github.io目录下。...另外可以不定时对远程仓库进行clone备份 对远程仓库进行clone备份 在github博客仓库下新建一个分支hexo,然后git clone到本地,把.git文件夹拿出来,放在博客根目录下。...参考 超详细Hexo+Github博客搭建小白教程 GitHub+Hexo 搭建个人网站详细教程 Hexo + GitHub (Coding) Pages 搭建博客 版权所有:可定博客 © WNAG.COM.CN...本文标题:《用GitHub Pages和Hexo搭建个人博客小站》 本文链接:https://wnag.com.cn/951.html 特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载
另一方面,经过对 Serverless 博客、TCB 建站、虚拟机建站等一系列建站方式对比后,个人认为基于 Github Pages 最适合搭建个人技术博客,最重要的当然是免费,其次网上教程众多,可以快速建站...,第三则是所有的博客直接托管在 github,也更符合个人习惯,最后则是自建个人博客可玩性和可扩展性好。...所以,需要使用 hugo 构建静态页面,构建命令如下: hugo -D 使用 Github Pages 搭建个人博客 个人博客整体架构 一个静态博客数据有两部分,一部分是静态页面(体积小),另一部分是图片或者大文件...Github Pages 是什么?...>拉取项目、上传文件(git add/commit/push) 的方式,上传 github 项目,这里不作过多演示 发布脚本 虽然我们已经打通了基于 Github Pages 搭建个人博客的流程,但每次博客有修改都需要执行多条命令才能将博客发布
3.修改博客描述 description: yourblogdesc 常用目录介绍 1.页面模板目录 _pages包含如下文件 about.md 自我介绍页...categories.md 分类标签页 search.md 搜索页 2.发布的博客目录 _posts yyyy-MM-dd-title.md 博客文件名称样式 访问博客...: https://jekyllthemes.io/github-pages-themes [2] Reverie: https://jekyllthemes.io/theme/reverie [3]...我的博客: https://luoxiaolei.github.io [4] jekyllthemes: https://jekyllthemes.io/github-pages-themes [5]...Reverie: https://jekyllthemes.io/theme/reverie [6] 我的博客: https://luoxiaolei.github.io
概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善。...基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的..." #SegmentFault: "" #博客园: "cnblogs" CSDN: "http://blog.csdn.net/xiangzhihong8/" #Coding: ""...: https://pages.github.com/ MOxFIVE: http://moxfive.xyz/ #friends: false #是否开启“关于我”。...Repo Widget # https://github.com/hustcc/GitHub-Repo-Widget.js github_widget: false # Progress Bar |
领取专属 10元无门槛券
手把手带您无忧上云