使用GitHub-Pages创建博客和图片上传问题解决

title: 使用GitHub Pages创建博客和图片上传问题解决 date: 2017-10-22 20:44:11 tags: IT 技术 toc: true 搭建博客博客的搭建过程完全参照小茗同学的博客园中的使用hexo+github搭建免费个人博客详细教程里边的详细介绍.请逐步跟文档进行操作.我只对一些要点做总结. <!–more–> 要点1 SSH Key的配置在电脑上使用git时,若SSH Key没有配置,在执行hexo d命令会提示Permision Denied,因此这一…

使用github pages创建博客

参考:http://wenku.baidu.com/link?url=hi0nlkIp17HnQQpCkUr3KacZOOVGMOYKYbWzjX_HKJZNZpiRxfGPLuwvUydOVxeZM10e7TiDknWCj2i6qUW1Kzu-GWHL_WPYYSCuBBxDhxq http://www.docin.com/p-888648541.html 以上是同一篇文章:GitHub+markdown+jekyll打造完美个人博客本文主要介绍以下几个内容: 1.使用githb…

可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

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

使用Jekyll搭建免费的Github Pages个人博客

一.Git 1.Git概述 Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git是一个开源的分布式版本控制系统,可以快速.高效地处理不同规模的项目. 廖雪峰的Git教程 2.Git安装如果是在windows环境下,不建议安装和配置C…

使用vuepress搭建GitHub pages静态博客页面

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

用GitHub Pages搭建博客（五）

本篇介绍GitHub Pages自定义域名在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域名访问GitHub Pages网站,我们需要进行相应的配置. 域名服务商的配置具体操作可以在域名服务商的网站是查看,以通用方法进行讲解.假设我们的自定义域名为: www.shiyueshuyi.xyz GitHub Pages域名为: dev200709.github.io 在域名服务商网站上,我…

Github pages + jekyll 博客快速搭建

Github pages + jekyll 博客快速搭建寻找喜欢的模版 https://github.com/jekyll/jekyll/wiki/sites http://jekyllthemes.org/ Fork到自己的github 找到自己github中的此项目点击"Settings",将"Repository name"改为 {你的Github用户名}.github.io,点击"Rename" 修改成自己的名字此时就可以通过 ht…

用GitHub Pages搭建博客（七）

本篇介绍百度统计.百度搜索一般来讲,部署了一个网站后,我们需要知道网站的浏览量,以便知道网站是否有人访问. 在Jekyll的模板中,由于国外开发者更多,一般的主题默认都开发了谷歌统计(Google analytics).但由于谷歌在国内不可访问,如果使用谷歌统计是难用的.所以建议国内还是使用百度统计. 我们在_config.yml中就可以看到,很多主题都有针对谷歌统计的配置项,如下图所示: 如果使用谷歌统计,可以在此填入自己申请的谷歌统计的相应id. 百度统计首先,登录百度统计,进入网站后,…

用GitHub Pages搭建博客（六）

本篇介绍GitHub Pages网站加速在上一篇提到如何对GitHub Pages配置自定义域名.其实,不论GitHub Pages的默认域名还是自定义域名,都使用了GitHub的CDN进行加速,虽然速度还行,但总还是觉得有点慢. 在互联网,目前有一些提供域名解析.CDN加速的免费网站,其还可以在GitHub中挂载触发器,一旦发现GitHub Pages仓库变化了,立即同步编译发布,减少人工操作. 此处以Vercel为例进行介绍. 账号登录 Vercel支持GitHub账号直接登录,直接使用G…

快速导出jekyll博客文件进行上传部署

快速导出jekyll博客文件进行上传部署在使用markdown书写jekyll博客时,经常需要写一个头部信息用以让jekyll读取博文信息,这是一件比较麻烦的事,因此我使用HTML实现了一个快速导出博客文件的页面,点击跳转到该小工具背景头部信息如下: 这些信息是格式比较固定,每次写博客的时候都需要写一遍是一件比较繁琐的事目的因此我在开发了以下这个在线工具之后,每次在typora写了博文内容以后直接粘贴到文章内容输入框,点击自动导出md即可自动导出所需格式的文件其中标题即为博文标题,导…

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.浏览器访问 ht…

Hexo + GitHub Pages搭建博客

搭建 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 环境…

用Jekyll搭建的Github Pages个人博客实践2

依稀记得之前访问喵神的博客很有feel 感谢喵神git上的提供的主题Vno-Jekyll. 创建代码仓库(你的用户名).github.io 将主题Vno-Jekyll下载到本地,解压到刚刚的代码仓库目录下,可以把文件夹里的文件都删了. gem install jekyll 进入到(你的用户名).github.io目录执行bundle install 如果出现提示: -bash: bundle: command not found 就先安装bundle(执行sudo gem install b…

用GitHub Pages搭建博客（二）

本篇介绍基本GitHub Pages的搭建流程 GitHub账号及仓库创建登录GitHub,录入用户名.邮箱.密码,创建成功后登录进入. 注册时,邮箱建议不使用QQ邮箱.因为一些第三方部署类网站不支持GitHub的QQ邮箱,如果已经使用QQ邮箱,在遇到这种情况时,可以在GitHub的个人设置中修改主邮箱账号. 用户名可选择一个有意思的名称,因为GitHub Pages的默认域名使用的用户名. 点击页面右上角的+号,新建代码仓库. 仓库地址需要使用GitHub Pages的地特定地址: 账号名.…

用GitHub Pages搭建博客（一）

什么是GitHub Pages GitHub官网介绍 GitHub Pages 官网是这样介绍的: Websites for you and your projects. 给你和你的项目的网站. Hosted directly from your GitHub repository. Just edit, push, and your changes are live. 从你的GitHub仓库中直接托管.只用编辑.发布,你的修改直接生效. 从官网的介绍讲,GitHub Pages是GitHub提…

用GitHub Pages搭建博客（三）

本篇介绍通过git工具替换网站主题,并发布 Jekyll和Hexo的简要介绍 GitHub Pages是基于Jekyll构建的,Jekyll 是一个简单的博客形态的静态站点生产工具,它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和Liquid 渲染器,将我们的的原始文章(Markdown格式文件)转化成静态页面,将整个仓库的文件生成一个完整的可发布的静态网站,而不用手工去对每篇文章都写一个html页面. Jekyll依赖于Ruby,如果我们想在本地运…

码农的救赎：使用Github Pages搭建博客

人生若仅仅如初见,都恨太晚据说有博客的人比没博客人的薪水要高非常多,相传写博客也是一个高手的标配,尽管之前一直有在写(在这里).可是孤既不是高手.薪水还比别人少.之前一直在CSDN上面写博客,那是一个不错的社区.里面有些牛人.博客也有不错的流量,也没少參与CSDN举办的活动,获得了几本过时的技术书.可是仍感觉不爽,最痛苦的就是编辑,CSDN的在线编辑器做的不咋地,不太好用,并且常常写着写着就不动了.再刷新就啥都没了,试想下写了一下午的代码,突然死机,再打开什么都没了会是什么心情. 后来就在本地…

使用hexo、github Pages搭建博客

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主…

新瓶装旧酒：全程无命令 GitHub Pages 创建您的博客站点

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

利用github page搭建博客

为什么选择GitHub Pages? 很多人用 wordpress,你为什么要用 github pages 来搭建? 1.github pages有300M免费空间,资料自己管理,保存可靠: 2.学着用 github,享受 github 的便利,上面有很多大牛,眼界会开阔很多: 3.顺便看看 github 工作原理,最好的团队协作流程: 4.github 是趋势: GitHub Pages是什么? GitHub Pages 本用于介绍托管在 GitHub 的项目, 不过,由于他的空间免费稳定,用…

Python+Typora博客图片上传

简介用Typora 写Markdown 1年多了,这个编辑器的确很好用,但就是写完博客复制到博客园时要一个个手动插替换图片非常麻烦.后来发现最新版的Typora 已经支持图片上传功能,在设置-图像里,你可以找到上传服务的设定. 其实现原理:Typora 向程序输入图片的本地地址,然后接收程序的输出,再用其替换文档中的图片以下为废话: 在Typora 推出这个功能前,要实现这个功能实际上可以编写脚本,先把图片上传到网盘,然后通过返回的url替换文件中图片,但总感觉没有博客园官方的上传好.虽…

.net mvc + layui做图片上传（二）—— 使用流上传和下载图片

摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的资源,因为这可能造成服务器上其他位置的信息被泄露.浏览器只允许用户用相对路径直接访问本项目路径下的资源.那么,如果A项目要访问B项目上传的文件资源,这就产生问题了.所以这就需要另外一种方法来解决这个问题,那就是通过流(Stream)的形式上传和下载文件资源.这种方法因为不是通过路径直接访问文件,而…

博客图片上传picgo工具安装配置github图传使用

摘要对于每一个写博客的人来说,图片是至关重要.这一路经历了多次图片的烦恼,之前选择了微博个人文章那里粘贴图片的方式上传,感觉也挺方便的.但是由于新浪的图片显示问题,如果header中不设置标签就不能异步访问图片,导致图裂,那之恶心.然而设置之后又与网站访客统计的插件冲突,使之不能统计,真是神仙打架.无赖之下使用了PicGo工具,使用后感觉真XX方便! PicGo工具下载安装配置下载 .PicGo下载 github网站提供三个版本的下载,MacOs.linux.windows覆盖市面上90%…

基于hexo创建博客(Github托管)

基于hexo的博客搭建好的博客网站 dengshuo7412.com 搭建步骤 1.依赖文件下载 Node.js 2.Hexo的安装 3.部署到Github 4.Hexo创建博客基本操作 5.Hexo主题皮肤更换依赖文件Node.js 首先要安装node,npm 前端支持的基础文件 npm包管理,使用cnpm下载速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.org Hexo框架安装 1.框架安装 cnpm in…

使用Github建立个人博客

总的说来这个当有node.js 和gitbub的账号后,搭建一个自己的博客,想想还是挺美的事! 由于要把整个流程说清楚估计lz还没这个实力,所以都是继承前辈们的经验,自己再添加一点遇到的问题和解决办法后这样就可以省下部分时间不用去截图和描述了!原谅作者偷一下懒吧! 刚刚搭建好的:http://zxyuns.github.io/(2015-08-28) 总体说来参考: 1:http://blog.netpi.me/%E5%AE%9E%E7%94%A8/hexo/ 2.http://www.…

【教程向】——基于hexo+github搭建私人博客

前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的: 4.数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行: 5.博客内容可以轻松打包.转移.发布到其它平台: hexo.git配置和安装 ## 什么是hexo? >Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他…