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

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

之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享. 继上一轮改造过后,比较拖页面加载速度的主要有三点: 页面首个请求响应时间: 图片资源加载时间: 站内搜索引用的 JSON 资源加载时间. 第 1 点在页面仍然托管在 GitHub Pages 的前提下,似乎没有什么好办法能产生质的飞跃:本篇主要改善了第 2 点和第 3 点. 0x01 图片资源加速…

Github Pages和Hexo创建静态博客网站 安装Node.js 本人是window环境,所以下载window版. 下载地址:https://nodejs.org/en/download/ 下载 msysgit 下载地址:https://git-for-windows.github.io/ Hexo 点击鼠标右键菜单Git Bash Here npm install hexo-cli -g npm install hexo --save #如果命令无法运行,可以尝试更换taobao的npm…

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…

之前建立过一个測试页面. 如今在折腾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上用Hugo搭了个静态博客. 链接:https://xusiwei.github.io/ @ruanyf 曾经在博客里提到过"喜欢写Blog的人,会经历三个阶段": 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 去年越来越觉得CSDN的"限制太多&…

我看到有分享用github pages来做博客的,不过我并不想挂博客在上面,我只是想将我的一些作品挂上去,然后链接到我的简历里,这样HR可以直接看到. 首先是最基本的操作,在github上创建一个新的仓库,取名为 username(你的账号).github.io 然后只要把本地要展示的内容push上去就好了.之后打开username.github.io就能看到自己的作品了. ———————————————————————————————————————————————— 这当然不是结束了,我如果…

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

混了这么久,一直想拥有自己的博客,通过jekyll和GitHub Pages捣腾出了自己的博客(https://www.ichochy.com) 一.安装jekyll 首先有安装Ruby的开发环境 运行gem install jekyll bundler安装jekyll和bundler 运行jekyll new myBlog创建默认的blog 文件目录: -rw-r--r-- 1 mleo staff 35 2 13 15:02 .gitignore -rw-r--r-- 1 mleo staf…

教程一大堆,却没有几个能看懂的,问题一:90%的都在讲解如何搭建博客,和我想要将自己的网页部署到上面还是有点区别的.问题二:所有的教程都用到了Git,而我只知道Git是一个开源的分布式版本控制系统.完全不知道命令行是什么鬼,只能照猫画虎的小白来说,那些教程只能帮我到桥头,但想要成功过河,还需要深夜里的一包特浓咖啡. 开始教程之前的准备工作: 1.需要你自己写的网页文件. 2.注册Github. 3.下载安装git.下载地址https://git-scm.com/downloads 教程开始:(以…

最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮等,所以我对我的文章也进行了修正,对于新版来说,步骤更加简单了.欢迎享用. ------华丽丽的分割线,以下是在原版的基础上的修正版------- 学了前端小半年,如今写了个自己的网页想要去应聘,却发现部署很麻烦,部署到阿里云之类,买域名啊啥的还要收费,说贵也不贵,但我就是傲娇~ google一下了解到Github有一个Github pages的功能可以搭建博客或者托管网页,…

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

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

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

概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己的域名. Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo渲染的博客页面简洁美观,支持Markdowm,用户可在本地编辑好文章,使用git工具push到github. 实操 以下是在Mac电脑上…

GitHub Pages 常被用来部署个人博客,而无论是大名鼎鼎的 Jekyll,还是 Hugo 或者 Hexo,他们都是将我们的文章嵌入模板,发布为静态页面,也就是说,GitHub Pages (Gitee Pages) 只支持托管静态页面,包括页面所需的静态资源. 如我们所知, React 和 Vue 都包含一个对应的路由插件,而这个路由插件会有两种模式: Hash 模式 和 History 模式.关于两者最的基本区别可以参考 Vue-Router 中的描述,下一段是阐述,熟悉 Router…

利用Github Pages展示自己的项目 写了个小项目,想要分享出去,一直在用Github管理项目,了解到Github还有Github Pages功能,然后惊喜的发现Github pages可以搭建博客或者托管网页,比什么买域名,部署到什么阿里云之类的服务器方便多了,心动不如行动,下面就来说一下它的使用过程吧!一: 注册账号:地址: (https://github.com/),如果有了账号直接登录就ok了! login.png 2.下载安装git:https://git-scm.com/dow…

一.与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…

首先,先要准备好这个静态网页的源文件,如图 bs里面是一些css和js的文件,img则是放图片的,文件中的index是网页的首页 运行一下,看看 是这样的 然后打开phpcms文件,上篇博客中有提到,把首页的文件index要放到指定的文件夹下 放到这个路径下 然后运行一下,看看效果 网页中没有了图片和样式表,接下来就是把它的图片和样式表放到指定的文件夹中,把图片放到images文件夹里,如图 bs里面有js文件也有css文件,所以,把它放在css和js文件任何一个都可以.如图 第一步做的就完成了…

首先,先要准备好这个静态网页的源文件,如图 bs里面是一些css和js的文件,img则是放图片的,文件中的index是网页的首页 运行一下,看看 是这样的 然后打开phpcms文件,上篇博客中有提到,把首页的文件index要放到指定的文件夹下 放到这个路径下 然后运行一下,看看效果 网页中没有了图片和样式表,接下来就是把它的图片和样式表放到指定的文件夹中,把图片放到images文件夹里,如图 bs里面有js文件也有css文件,所以,把它放在css和js文件任何一个都可以.如图 第一步做的就完成了…

vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发的 vuepress主题.本文将介绍依赖这个主题,构建GitHub pages静态博客的详细过程 提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 1. 仓库名随便取,不用以 username.github.io 这…

一.前期准备之项目编译 此处记录如何解决vue2.0 打包之后,打开index.html出现空白页的问题,附上@参考地址 打包之前修改三个文件 第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath:'./' output: { //在这里加一行代码 publicPath:'./', path: config.build.assetsRoot, filename: utils.assetsPat…

Github Pages是静态网页来的,官方也半认可了它的博客用途,代码挂在github上,随时都可以更改,算是不错的一种尝试,因为它是静态的,所以在表现上会自由得多,但是,同样因为它是静态的,管理上也会麻烦得多.在网上溜达时看到一句话——像黑客一样写博客.哈,挺有趣的,用命令行写博客也不成问题了! 一.新建项目 首先你要有GitHub账号,再次有GitHub客户端程序,推荐使用msysgit 打开你网页上的github,新建一个repo,命名为xzh-loop.github.com 二.安装R…

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

第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现 开发环境搭建 使用自己的AppID新建小程序项目,后端服务选择小程序·云开发,点击新建,完成项目新建. 新建成功后跳转到开发者工具界面 新建后,微信端为我们提供了一个参考的模板程序,这里我们自己来创建各个所需的文件与代码,所以删除所有不需要的文件,删除cloudfunctions.miniprogram/images.miniprogram/pages文件下所有文件,同时也删除style文件和删除app.json中原始的页面配置.…

本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo       官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数…