首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

GitHub Pages搭建博客HelloWorld版

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目录结构)

19920
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用Hexo搭建Github Pages博客

    好久没有更新博客了,给大家带来一个使用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账户的配置。虽然我没有用过这个搭建博客,但是有需要我是协助你的!

    65910

    Hexo + Github Pages博客搭建教程

    后来就搭建了一个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

    92240

    基于Jekyll与Github Pages搭建博客

    下面我就来说明一下自己的博客搭建过程,因为是第一次尝试,所以这篇博客可能出现一些错误,欢迎大家指出~ 搭建过程 搭建博客的思路参考了吴坎师兄的博客搭建的流程也基本遵从师兄的配置教程与网络上的教程。...首先通过知乎了解了一下基于 Github Pages博客搭建方式,选择了 Jekyll + Github Pages 的方式,下面简单说明下这种搭建方式。...Jekyll 也可以运行在 GitHub Pages 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...参考资料 本次博客搭建主要参考了以下内容,感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建(基于GitHub和Jekyll主题 ) Jekyll +...Github Pages 博客搭建入门 语法高亮不够漂亮?

    1.1K10

    Hugo搭建博客(二)— Hugo+Github Pages搭建博客

    image.png 使用Hugo已经把博客搭建好了,那应该部署到哪里呢?可以使用VPS、云服务器等,我使用的是Github Pages,免费而且也很好用!...我使用过两种方式来部署,第一种部署简单,但是每次发表博客很麻烦,第二种部署虽然步骤较多,但是发表博客非常便捷,管理起来很非常方便。下面介绍一下在部署过程的步骤和解决的问题。...2 使用Github Actions自动构建博客 本地添加文章,提交到Github,之后会自动触发Github Actions帮助我们把刚刚添加的文章通过Hugo发布到Github Pages进行托管。...之后即可通过 GithubPages 生成的 URL 访问即可。...2.5 推送和访问 搭建就结束后,我们可以访问Github为username/username.github.io 仓库生成的域名: https://username.github.io/ 查看效果。

    2.1K54

    使用hexo搭建静态博客+Github Pages

    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改成你想要显示的分支,这项操作会自动刷新页面。

    73100

    Jekyll + Github Pages 搭建个人免费博客

    今天亲手通过 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

    2.1K30

    怎样使用GitHub Pages搭建个人博客

    GitHub Pages中写博客,通常就是使用Markdown。比如你正在阅读的这篇博客就是用 Markdown 编写的。...本教程涉及到自定义域名,可绑定自己拥有的域名来访问搭建的个人博客。使用的域名是在阿里云注册,并使用阿里云的云解析服务。域名解析用来映射域名和IP之间的关系。...一、创建 GitHub Pages 仓库 创建一个名为 USERNAME.github.io 的仓库,其中 USERNAME 为你的 GitHub 用户名。...我这里创建的是 hummerstudio.github.io 二、上传网页文件 GitHub Pages 只支持静态网页,是不支持 JSP 和 PHP 的。...我有一个和微信公众号ID同名的com域名shanyshanb.com,希望能够使用它来访问博客,而不是使用 GitHub 提供的二级域名。

    1.3K20

    使用hexo和github pages搭建个人博客

    使用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

    1.1K30

    github pages + 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地址。

    6.2K101

    折腾博客系列之博客搭建:Hexo+Github pages

    用hexo+github pages 可以很方便地搭建一个个人博客网站,不需要购买域名和服务器,只需要按部就班操作即可。...由于本文参考了大量博客,所以在文末我会列出原文链接。 一.GithubGithub 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 ) 即可进入你搭建好的个人博客网站了

    48750

    GitHub Pages和Hexo搭建个人博客小站

    因为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 特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载

    49820

    使用 Github Pages 和 Hugo 搭建个人博客教程

    另一方面,经过对 Serverless 博客、TCB 建站、虚拟机建站等一系列建站方式对比后,个人认为基于 Github Pages 最适合搭建个人技术博客,最重要的当然是免费,其次网上教程众多,可以快速建站...,第三则是所有的博客直接托管在 github,也更符合个人习惯,最后则是自建个人博客可玩性和可扩展性好。...所以,需要使用 hugo 构建静态页面,构建命令如下: hugo -D 使用 Github Pages 搭建个人博客 个人博客整体架构 一个静态博客数据有两部分,一部分是静态页面(体积小),另一部分是图片或者大文件...Github Pages 是什么?...>拉取项目、上传文件(git add/commit/push) 的方式,上传 github 项目,这里不作过多演示 发布脚本 虽然我们已经打通了基于 Github Pages 搭建个人博客的流程,但每次博客有修改都需要执行多条命令才能将博客发布

    7.3K50
    领券