通过GitHub Pages建立个人站点总结与体会 ----Git+Github+Jekyll+Markdown blog Git (不会?请参照简易教程学习Git的总结) 首先感谢雨知网站作者博文指点. Github 两种pages模式 User/Organization Pages 个人或公司站点 1) 使用自己的用户名,每个用户名下面只能建立一个 2) 资源命名必须符合这样的规则username/username.github.com 3) 主干上内容被用来构建和发布页面 Project…

1 Git简介 2 为什么使用Github Pages 3 创建Github Pages 3.1 安装git工具. 3.2 两种pages模式 3.3 创建步骤 3.4 常用命令 4 使用Jekyll搭建博客 4.1 什么是jekyll 4.2 jekyll本地环境搭建 4.3 jekyll目录结构 4.4 Jekyll-Bootstrap创建博客 4.5 Jekyll 写博过程 4.6 个性化博客 5 使用Markdown 5.1 简介 5.2 基本语法 5.3 Notepad++支持Mark…

使用Github Pages可以建立个人博客.官方教程:https://pages.github.com/步骤(以下步骤中假设用户名为username):1.建立一个项目,项目名为username.github.io2.初始化项目,上传网页代码到github.…

之前建立过一个測试页面. 如今在折腾CreateJS 试着把离线版的文档传到github pages上面. 第一步:创建Repository 第二步:本地初始化 主要命令:git init 第三步:复制各种html及其他资源到目录下. 第四步:git操作 主要命令:git checkout -b gh-pages git add --all git commit -m "some info" git remote add origin {remote address} git push…

嘛是Github Pages? Github Pages 是一个静态网站托管服务,用来从你的Github仓库中直接发布 个人.组织或项目的网站页面 Github Pages发布的页面统一使用github.io域名,网站名称一般为 http(s)://<username>.github.io/<projectname>或者 http(s)://<orgname>.github.io/<projectname> 使用时有如下要求: Github Pages源仓库…

1.创建仓库 创建仓库点击右上角的加号,选择newrepository.然后对仓库信息进行设置.注意箭头标识的几个地方.仓库名必须是http://username.github.io的形式.必须勾选public.下面那个用readme填充最好也选上,避免麻烦. 2.挑选主题 挑选自己中意的主题,此处是jekyll主题博客. 3.修改README.md 修改README.md为想要的静态内容(Markdown格式)即可. 4.示例 我的GitHub Pages:https://letisl.git…

不管是 react 还是 vue 项目路由都必须使用 hash 方式,否则页面打不开,切记!!! 如果使用的是 vue-cli 3 创建项目,那么你要在根目录创建 vue.config.js 文件,并添加如下代码,才能正常访问. module.exports = { baseUrl: 'your-project-name' }…

本文详细记录了利用Github pages建立个人博客的步骤. github pages官方推荐使用Jekyll生成静态网页,jekyll支持各种不同的主题,Minimal-Mistakes是一个功能比较齐全的主题,除了外观设置外,还支持文章评论.文章搜索.文章标签.文章分类. 安装Github pages + Jekyll 1.参考github pages主页在github建立名为{username}.github.io的repository 2.clone {username}.github…

http://beiyuu.com/github-pages/ Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点…

摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅. 前言 作为一个技术小白,没有技术基础,看网上的教程也云里雾里,看程序员的教程相当不容易,稍微有些细节描述得不清楚自己就要绕弯路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之后,我决定要将我搭建博客的过程全记录下来,以供后期和…

一.与github建立连接 1.安装node.js和git 2.桌面新建文件夹[github],右键“git bash here” 3.注册github账号,新建仓库“new repository”,勾选“Initialize this repository with a README” 4.生成新的SSH key,需要输入密钥时直接回车即可 $ ssh-keygen -t rsa -C "邮件地址@youremail.com" 5.在[id_rsa.pub]文件中找到新生成的ssh…

github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目. 最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下. https://github.com/nusr/resume-vue 1. vue-router 不要开启 history 模式 路径中的 # 比较丑,就开启了 vue-router 的 history 模式,去掉了 #.平时做项目也是默认开启 history 模式.折腾了半天发现,我这是部署到 g…

你是否有这样子的需求,只是想简单的写写文章,记录下自己的学习心得.成长经历等,都是些文字内容,不需要配置使用数据库.不想购买服务器自己搭建站点,只是想安安静静的用比较舒服的方式来写篇文章. 静态博客就是为此而生的,不用配置服务器.不用数据库.访问速度相当快.没有不安全漏洞的说法,最重要的,对于一个经常使用 markdown来写文章的人来说,她完美支持! GithubPages ,the Websites for you and your projects. Hosted directly fro…

一:起始 准备项目,如果你在github上已有项目,则无需新建,如果你要新起一个项目,则需先在github上创建一个项目 本文以已创建好的 github/TestGitPage  为例. 二:设置github pages 创建出一个github pages 默认分支 1. 找到目标 2. 自动生成page按钮 3.编辑相关信息(也可不编辑) 4.编辑内容(也可不编辑) 5.可选择皮肤(自定义站点,现在选了也没用)点击 发布 6. 已自动创建好gh-pages 分支 7.再看这里的信息,会发现gi…

使用 GitHub Pages 创建博客站点的文章很多,也有很长的历史了.但是,许多已经与当前的 GitHub 不一致了,如果你按图索骥,会发现驴唇对不上马嘴. 更为麻烦的是,你会发现或者需要你输入许多莫名其妙的命令,或者就是要您熟悉 Git. 你喜欢古怪的命令吗?反正我不喜欢. 这里可以让您不需要一个命令,在纯 Web 页面下,完成整个站点的创建和维护. 1. 申请 GitHub 账号 这一步就不介绍了,自己来吧. 2. 为您的博客站点创建一个专用仓库 在您的 GitHub 页面右上角,点击新…

导读 数百万人依靠GitHub Pages,将其作为他们的网站主机,除此之外,还有数百万人每天访问这些网站.为了更好地保护到GitHub Pages站点的通讯,也为了鼓励在因特网上更广泛地采用HTTPS,GitHub Pages现在为所有的站点官方支持HTTPS.HTTPS提供了一层加密,能防范其他人偷窥或篡改到您的网页站点的通讯. 您现在能使用HTTPS访问*.github.io 站点并为您的站点配置强制使用HTTPS.如果开启了强制使用HTTPS功能,任何到您的github.io站点的请求将…

话不多说,先看效果: https://bytesfly.github.io/blog 为什么需要一个站点 肯定有人会问,既然有类似 博客园 这样优秀的平台来写博客,为什么还需要自己搭建站点呢? 放在GitHub上托管,可以使用Git追踪博客内容的变更,就像维护代码一样,更加清晰明了,数据也不会丢失. 大多优秀的开源项目,官方文档也很正式,如果用博客园来写貌似有点不合适,此时就需要一个独立的官方文档站点. 如果你想免费搭建属于自己的个人站点,甚至用于一个公司.组织的官网,GitHub Pages也…

1.简介 GitHub Pages 是通过 GitHub 托管和发布的公共网页,将纯文本转换为静态博客网站. 您可以使用 GitHub Pages 来展示一些开源项目.博客甚或分享您的简历,有内存限制,可以绑定个人域名. 启动和运行的最快方法是使用 Jekyll 主题选择器加载预置主题. 然后,您可以修改 GitHub Pages 的内容和样式. 文档 2.创建仓库 仓库名: <username>.github.io username 是GitHub的用户名 3.创建站点 在 repo 下创建…

Hexo 与 GitHub Pages 安装配置请参考:Hexo 与 GitHub Pages 本文源码与生成的静态文件在同一项目下,源码在 source 分支,静态文件在 master 分支 新增 token 登录 GitHub: Settings--> Developer settings--> Personal access tokens--> Generate new token 记下产生的 token 使用 GitHub 帐号登陆 Travis CI ,开启项目: 项目设置:…

https://pages.github.com/ http://jekyllbootstrap.com/usage/jekyll-quick-start.html Jekyll是一个静态网站生成器,用ruby编写而成,结合了markdown 等技术,简化了静态网站的构建过程,可以方便的生成具有简单动态功能的网站,我的gitpage :http://zhouyongtao.github.io/  ,跑Jekyll的环境还得本地配置发布,个人觉得过于麻烦. 创建版本库 创建一个新的版本库,命名为…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…

之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 安装Node.js 安装 Node.js 安装Git 安装Git Github Pages配置 首先注册一个『GitHub』帐号,已有的请忽略 建立与你用户名对应的仓库,仓库名必须为『your_user_name.github.io』 添加SSH公钥到『Account settings -> SSH…

如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能: 为什么使用Github Pages 1. 搭建简单而且免费: 2. 支持静态脚本: 3. 可以绑定你的域名: 4. DIY自由发挥,动手实践一些有意思的东西git,markdown,bootstrap,jekyll: 5. 理想写博环境,git+github+markdown+jekyll: ****不限流量.不限流量.不限流量,重要的事说三遍!!!**** 下面是搭建简单实例: 一.…

前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…

GitHub Pages 免费无限容量的站点数据托管工具(国内访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll 基于Ruby的静态网页生成系统,采用模板将Markdown(或Textile)文件转换为统一的网页 统计 统计工具主要是为了方便查看站点的访问情况,目前支持百度统计和Google Analytics(可同时使用) 评论 评论工具可以为静态页面增加评论和分享功能,目前支持国内的多说和国外的Disqus 本文将重点介绍标注   的必选项目,未标注…

搭建 Node.js 环境 为什么要搭建 Node.js 环境? – 因为 Hexo 博客系统是基于 Node.js 编写的 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码. 在 Node.js 官网:https://nodejs.org/en/下载最新安装包LTS版 保持默认设置即可,一路Next,安装很快就结束了. 然后打开命令提示符,输入 node -v npm -v 出现版本号则说明 Node.js 环境…

Github Pages 是 github 公司提供的免费的静态网站托管服务,用起来方便而且功能强大,不仅没有空间限制,还可以绑定自己的域名.在 https://pages.github.com/ 首页上可以看到很多用 Github Pages 托管的网站,很漂亮.另外很多非常著名的公司和项目也都用这种方式来搭建网站,如微软和 twitter 的网站,还有 谷歌的 Material Design 图标 网站. 分类和文档 到 https://pages.github.com/ 上,看到可以创建的…

尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行速度,还是打包速度超级快,果断将个人博客迁移到 Hugo. Hugo 官方的定义是: Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun ag…

每次换系统或换电脑之后重新部署博客总是很苦恼?想像jekyll那样,一次性部署完成后,以后本地不用安装环境直接 git push 就能生成博客?那推荐你应该使用使用 Travis CI了. 这篇文章我们来讲讲如何利用 Travis CI把你 push 上去的博客源文件直接生成可访问的站点,并且同步部署到 github pages 和 coding pages . 这篇文章假设你已经对这些采用 git 版本控制系统的静态博客托管服务有所了解,并且知道怎么去简单的使用 git 以及了解 hexo 写…

1.前言 其实早在这之前我就一直想过写博客,但由于种种原因一直没有去学习这方面的知识,最近半个月(从开始动手到搭建好)一直陆陆续续的在着手这方面的工作.从开始到搭建完成的过程中遇到了很多困难,因为在这之前对Github一点了解都没有导致满头雾水,不断的跳进一个又一个坑,甚至想过放弃.但最后结果想必都知道了.在写如何搭建之前我觉得我们应该先从头开始了解. 那么我为什么要建立自己的博客?——引自:为什么你要写博客?—陈素封 1.“提高将事情讲清楚的能力”. 在写博客之前你需要花更多的时间来表达出你的…