本博客是搭建在GitHub上的静态博客,但是由于GitHub免费账户不能创建私有仓库,导致有些东西不想放在GitHub上。

前两天,在免费资源部落上发现了Bitbucket,它和GitHub类似,也是一个支持Git的代码托管网站,它吸引我的地方在于,免费账户可以创建无限制个私有仓库!

p { text-indent:2em }

于是,今天开始研究在Bitbucket上搭建静态博客。

一、注册Bitbucket账户

打开Bitbucket官网 https://bitbucket.org/

输入用户名、邮箱和密码,点击“Sign up for free”即可。

我注册的用户名为:JloveU。我的Bitbucket

二、账户设置

点击右上角头像,选择“管理账户”。

出现如下账户设置页面,可以选择语言为“Chinese (China)”,即为简体中文。

三、创建代码仓库

点击页面顶部的“创建”按钮,创建代码仓库。

如果想要一个二级域名的个人主页,要将仓库名称设置为:用户名.bitbucket.org。例如我的用户名是:JloveU,名称就写成了:JloveU.bitbucket.org。

点击“创建仓库”,完成创建。

四、上传代码

因为我是用Bitbucket来建静态网站的,所以就只上传一个 index.html 做测试。

首先需要电脑上安装Git,Git for Windows下载地址 http://msysgit.github.io/

在本地选择一个文件夹作为代码仓库的本地目录,比如我选择 D:\ProgramData\MyBlog\Bitbucket,在其中新建文件夹 JloveU.bitbucket.org,作为远程仓库 JloveU.bitbucket.org 的本地目录。

JloveU.bitbucket.org 文件夹中点击鼠标右键选择 Git Init Here

然后新建 index.html,文件并编辑,如写入如下代码(仅供测试):

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bitbucket网站测试</title>
  5. </head>
  6. <body>
  7. <p>这是一个Bitbucket网站测试!</p>
  8. </body>
  9. </html>

保存 index.html 文件,在 JloveU.bitbucket.org 文件夹中点击鼠标右键选择 Git Bash

依次输入下面的命令:

  1. git remote add JloveU.bitbucket.org https://JloveU@bitbucket.org/JloveU/jloveu.bitbucket.org.git
  2. git add index.html
  3. git commit -m 'add index.html'
  4. git push -u JloveU.bitbucket.org master

说明:

上面命令中的'add index.html' 是关于提交的说明信息,可以根据自己的情况更改。

https://JloveU@bitbucket.org/JloveU/jloveu.bitbucket.org.git 是对应仓库的地址,可以点击页面左边栏中的“克隆”得到。

五、查看效果

如果没有问题的话,现在应该可以打开刚才建的个人静态主页了,在浏览器地址栏中输入:

http://JloveU.bitbucket.org/

回车,就可以看到刚才写的 index.html 的效果啦!

OK! 接下来的应该和GitHub上一样了,自己发挥吧!

Enjoy it!


参考:

Bitbucket免费代码托管空间:可绑域名 私有Repos 个人空间 | 免费资源部落

Bitbucket官网

Git 常用命令详解(二) - 开源中国社区

用Bitbucket搭建博客初探的更多相关文章

  1. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

    前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...

  2. 基于Hexo和Github搭建博客

    搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo ...

  3. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)

    前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...

  4. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  5. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  6. 利用hexo搭建博客

    利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...

  7. Github + Hexo 搭建博客

    服务加速 brew 加速 http://blog.suconghou.cn/post/homebrew-speedup/ github加速 http://www.selfrebuild.net/201 ...

  8. gitcafe 使用hexo搭建博客

    --缘由:因为看大家都用github等搭建博客,作为半个程序员的自己,也按捺不住了,终于有空来尝试一把了,选择了和github 相同功能的gitcafe网站,因为在国内比较快,这是大家的看法,下面写一 ...

  9. 在github上搭建博客(使用Jekyll)

    简单说,只需要三步,就可以在 Github 搭建起一个博客: 在 Github 上建一个名为 xxx.github.io 的库: 把看中了的 Jekyll 模板 clone 到本地: 把这个模板 pu ...

随机推荐

  1. [No00006C]文件名复制,归档小助手【自己写的小工具,希望能帮助大家】

    特别补充一句:软件可以一次性复制多个文件的文件名. Windows 中的复制文件名实在是有些不方便 ,需要点右键 "重命名"之后再点右键选择"复制"才可复制文件 ...

  2. visual studio 2015中的webapi生成helpPage,页面不显示方法说明问题解决

    环境: vs2015.win7 参考:http://www.cnblogs.com/Erik_Xu/p/5638381.html 生成的help页面如下:,并没有显示控制器和方法. 原因是:新建项目时 ...

  3. Linux解压命令大全

    引用网址: http://www.cnblogs.com/eoiioe/archive/2008/09/20/1294681.html .tar 解包:tar xvf FileName.tar打包:t ...

  4. ASP.NET WebForm中异步请求防止XSRF攻击的方法

    在ASP.NET MVC中微软已经提供了如何防止跨域攻击的方法.对于传统Webfrom中使用Handler来接受ajax的Post请求数据,如何来防止XSRF攻击呢.这里给大家提供一个简单地方法,和M ...

  5. SQL Server2008从入门到全面精通 SQL数据库视频教程

    第1章 SQL Server 2008入门知识:1.SQL SERVER 2008简介2.数据库概念3.关系数据库4.范式5.E-R模型6.SQL Server 2008体系结构7.安装IIS服务8. ...

  6. 如何动态在文档中加入<script></script>写入大段js?

    <script language="javascript">var script = document.createElement("script" ...

  7. 在CentOS 6.4 x86_32中使用Rhythmbox听MP3

    Linux中的Rhythmbox音乐播放器,是没有自带MP3音乐解码器的,所以必须得自行安装相应的音乐或视频解码器.好了,不废话…… # cd /tmp # wget http://dl.atrpms ...

  8. sFlow-RT

    sFlow-RT™ incorporates InMon's asynchronous analytics technology (patent pending), delivering real-t ...

  9. 关于c++类的内存分配

    参考:这里 虽然有些地方错了,但是也可以一看,大概能加深对c++类相关的内存分配的了解 然后这还不算十分深入,更深入的可以看这里. 这本书是时候读一下了:<深度探索C++对象模型> (待续 ...

  10. vue.js之绑定class和style

    一.绑定Class属性. 绑定数据用v-bind:命令,简写成: 语法:<div v-bind:class="{ active: isActive }"></di ...