教你通过Octopress一步一步搭建属于自己博客-创新互联-成都快上网建站

教你通过Octopress一步一步搭建属于自己博客-创新互联

需要用到的软件以及作用

创新互联网站建设服务商,为中小企业提供网站建设、网站制作服务,网站设计,网站托管、服务器托管等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出创新互联。

1、Git:版本管理工具,将代码托管到GitHub

2、Ruby + DevKit:生成静态网页

3、MarkdownPad:Windows下Markdown语法编辑器

首先注册一个GitHub帐号

下载git安装包,直接默认安装即可,这里不做git安装过程的详细说明

安装地址:https://git-scm.com/downloads

安装包:Git-2.11.1-64-bit.exe

git安装完成后,需要完成一些配置,git安装完成后鼠标右键菜单会有一个git bash

git config --global user.name "liuzhen-GitHub"

git config --global user.email "liuzhenlife@163.com"

RSA生成

ssh-keygen -t rsa -C "liuzhenlife@163.com"

C:\Users\liuzhen\.ssh

id_rsa 私钥

id_rsa.pub 公钥

将公钥放到GitHub

ssh -T git@github.com  验证是否配置正确

下载markdown安装包,也是默认安装即可

下载地址:http://markdownpad.com/

安装包:markdownpad2-setup.exe

markdown实时预览工具,下载awesomium安装包,也是默认安装即可

下载地址:http://www.awesomium.com/

安装包:aawesomium_1_7_5_1_sdk_win.exe

下载ruby安装包

下载地址:http://rubyinstaller.org/

安装包:rubyinstaller-2.3.3-x64.exe

安装ruby时,有一点需要注意,到下面这个界面时需要注意,要把ruby加入到环境变量中的选项勾选上,如果不勾选后面操作会出现错误,这里如果忘记勾选,请手动把ruby加入到环境变量中,将C:\Ruby23-x64\bin加入到环境变量

教你通过Octopress一步一步搭建属于自己博客

安装完成后可以查看版本

ruby --version  查看版本

ruby结合devkit使用,下载devkit安装包

下载地址:http://rubyinstaller.org/downloads/

安装包:DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe

DevKit其实就是解压过程,选择一个文件夹解压即可

在Devkit目录用git-bash

ruby dk.rb init

提示发现ruby正确目录才行

如果没有发现,可以找到下面文件直接修改

C:\Users\liuzhen\Desktop\DevKit\config.yml  文件中有对应的配置路径

添加好对应的ruby目录

接下来继续执行

ruby dk.rb install

克隆octopress至本地

http://octopress.org/docs/setup/

git clone git://github.com/imathis/octopress.git octopress

打开octopress目录,在此目录下执行git bash

安装bundler前需要修改软件源,设置镜像

http://gems.ruby-china.org/

gem sources -a http://ruby.taobao.org  #将淘宝软件源添加到缓存当中  gem sources -r https://rubygems.org/ #从原始的软件源移除 gem sources -l #查看软件源

C:\Users\liuzhen\Desktop\octopress\Gemfile

修改此文件中source 镜像地址为http://ruby.taobao.org

安装bundler

gem install bundler

bundle install #安装bundle里面的软件包

rake install  #安装并使用默认主题

rake generate #生成

rake preview #在本地预览,用的4000端口

访问地址

localhost:4000

修改jquery地址

source/_includes/head.html  将google的jquery地址替换成百度地址

1、新建博客

rake new_post["title"]

title是文章名字

2、新建单页面

rake new_page[home]

#creates /source/home/index.markdown

rake new_page[home/page.html]

#creates /source/home/page.html

rake setup_github_pages #建立github网页

rake deploy #本地的静态网站部署到github上面

git add .  #点代表当前目录下的所有文件

git commit -m 'your message'

git push origin source

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:教你通过Octopress一步一步搭建属于自己博客-创新互联
网站URL:http://kswjz.com/article/djsdjj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流