Static site 总结各种各有的 static site generator Jekyll 其实是一个 static site generator. 如果你去 Google 这个,会发现有很多总结各种各有的 static site generator 的网站,例如这个:https://www.staticgen.com/ . 很多人会选择 Octopress, Hugo, Hexo 等等,然而 Jekyll 还是大多数人的选择(一个原因应该是 GitHub, GitLab, Coding.…

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

http://segmentfault.com/a/1190000002765287 在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.新建版本库 首先咱们新建了一个版本库作为 demo,然后点击"settings" 2.Automatic page generator 我们选择 "GitHub Pages" 的 "Automatic page generator" 3.自…

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

我看了下网上都是部署单个.html页面的实例.所以今天试试多个.html文件的部署. 因为之前docker部署过vue.js打包的项目,所以按上次部署方式部署.结果还真行,只是这次部署的是小滴课堂上的买的教程,仿美团页面项目.  部署步骤参考上篇:https://www.cnblogs.com/longdb/p/10770661.html 测试链接:http://193.112.82.83:5000/ IIS或者Tomcat部署静态网页就更简单啦.…

混了这么久,一直想拥有自己的博客,通过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…

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

一.新建一个仓库(new). 二.命名Repository name为:(名字).github.io(一定要有.github.io). 三.勾选Initialize this repository with a README(一定要有README.md文件). 四.README.md文件里有你刚才命名的(名字).github.io(一定是一模一样的). 五.新建一个index.html文件(Create new files)放你的html文件(index是入口文件,名字不能改),你还可以在仓库里…

https://jinhengyu.github.io/…

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

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

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

title: 部署hexo后github pages页面未更新或无法打开问题 date: 2018-03-30 15:34:29 categories: methods tags: hexo github pages 部署 本地编写完成后,要同步Github Pages,运行以下三个命令即可: hexo clean hexo g hexo d 需要注意的是这些命令应该在hexo目录的根目录下进行. 部署后页面未更新 使用无痕模式浏览或者等一段时间再查看. 更推荐运行hexo s后利用本地服务器在…

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

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

Github Page github page是由用户编写的托管在github上的静态网页,为了搭建一个个人博客,我们可以租用一个云服务器然后部署我们的博客项目,常见的比如wordpress,像wp这样的博客系统需要用到服务器后台的数据库,所以是动态的,github page相对于云服务器来说,不能提供数据库服务,所以资源都是静态存放在github上的,但是是免费的,而且速度也还可以,相对来说很稳定. Hexo 什么是Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Mar…

前言   其实之前就知道可以用GitHub Pages搭建静态博客,不过之前一直忙着爬手册撸代码==,昨天终于把前端各种手册里的入门教程撸的差不多了(CSS布局撸的我要吐了好嘛),于是把代码什么的放一放,来折腾静态博客吧! 准备   GitHub Pages本来是给托管在GitHub的项目的介绍页面留的空间,由于其空间是免费的,拿来搭个博客真心不错.但是,一般的Blog CMS都是非静态的,而如果我们要用静态空间搭博客,那就只能自己动手切页面或者使用为这种静态空间设计的博客管理工具.   这种博…

CSS固定图片显示大小 分析 假设图片区域的大小固定为250×300px,那么我们可以写出如下的样式 .picture-area { width: 250px; height: 300px; margin: 1em; } 当然简单如下的html是不能限制图片大小的 <div class=“picture-area”> <img src=“…” alt=“…”> </div> 换个思路,将图片作为div的背景图片 <div style=“background-ima…

简答说一下如何用Nginx部署静态网页,并绑定域名访问 1.通过FTP上传静态页到服务器指定目录 2.编写nginx的.conf文件 3.重启nginx 如图,这是centos上传文件路径 nginx配置如下: 重启nginx命令:sudo nginx -s reload 说明一下,我这里的nginx提前安装好了,如何安装自行科普,或者在我往期的文章中查看详细.如果你添加了.conf配置文件以后没有生效,请检查nginx是否加载了conf.d文件夹下的配置. 参考文章:https://segme…

1. 前言 习惯用Eclipse开发动态网站,现在有一个静态网页(只有Html,Js,CSS代码,无后台Java代码)想跑一下,自己通过网上查询然后自己也研究捣鼓了一下,发现有三种方式可以发布静态网页. 2. 通过Eclipse自带的三种方式 2.1 方式一:使用HTTP Preview部署 Step 1:选中项目,右键Run As->Run on Server,选中HTTP Preview. Step 2:点击Next,然后再左侧可用项目中双击项目名称,最后点击Finish:或者直接点击Fin…

1.进入官网,下载nodejs https://nodejs.org/zh-cn/ 2.安装nodejs win10怎么安装nodejs和npm https://jingyan.baidu.com/article/d169e1860e6d8c436611d89a.html 3.查看版本信息 C:\Users\admin>node -v v12.2.0 4.部署静态网页 在当前页面打开命令行,安装nodejs模块 输入一下命令: npm install 运行nodejs静态网页输入: npm st…

看见很多大神在Github Pages上部署Demo,感觉效果还不错,刚才自己也试了一下,发现其实并不难! 选择 github pages 的理由 使用零成本: github pages 集成在 github 中, 直接和代码管理绑定在一起, 随着代码更新自动重新部署, 使用非常方便. 免费: 免费提供 http://username.github.io 的域名, 免费的静态网站服务器. 无数量限制: github pages 没有使用的数量限制, 每一个 github repository 都…

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

前言: 看到很多相关的教程,但是在实际操作的时候还是遇见了不少问题,这里记录分享一下我的操作流程.免费空间用过很多,博客也用过一些,听说了github后就想试着玩一下这个静态库,感觉挺不错的,操作也比较简单,可以放些demo觉得挺不错的,看自己的喜好来搭建吧~本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 1.注册github.com账户,具体操作不描述了,英文如果不是很好可以使用翻译软件 2.新开一个一个仓库(N…

创建仓库 略.详见GitHub使用教程. 仓库属性设置 找Github Pages项.点击自己主动生成,依照提示操作,就会得到该项目的gh-pages 分支. 公布站点成功,地址为 http://chuchus9293.github.io/web2 . 文件夹下index.html页面作为该站点默认页面. 公布成功 当然也能够自己做HTML站点,通过Github client上传代码非常方便.index.html仍为默认页面. 域名绑定到GitHub Page Github项目设置 在仓库根文件…

基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…

目录 一.说明 二.成品展示 三.前期准备 本地安装 node.js 本地安装 git github 账号 创建仓库 travis ci 账号 四.安装 Hexo 五.使用 hexo 搭建博客 六.部署到 github pages 七.使用 travis ci 进行自动化部署 小结 一.说明 本系列文章将会详细说明使用 Hexo + github pages 来搭建个人博客,并对主题进行配置,然后使用 travis ci 来进行自动化部署的全过程. 搭建一个赏心悦目的博客,写文章和阅读也会更加舒…

由于GitHub 的约定,一个账户只能拥有一个GitHub Pages,那么,如果你有多个想部署的静态网站(博客和文档等),它们是互相隔离的,如何用同一个GitHub账户进行部署呢? 从之前如何搭建GitHub Pages的系列文章用GitHub Pages搭建博客(一),我们知道Jekyll或者Hexo实现的静态网站的配置中,常常要指定一个当前网站的目录. 如果我们的相关内容直接在当前项目的根目录下,jekyll将从当前目录进行加载,如果在某个子目录下,在jekyll的配置文件中指定该目录即可…

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…

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