前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >教你如何建高逼格个人网站

教你如何建高逼格个人网站

作者头像
迹_Jason
发布2019-06-02 13:01:51
1.7K0
发布2019-06-02 13:01:51
举报
文章被收录于专栏:迹_Jason的AppZone

从大学开始我就希望能有一个自己的个人网站,觉得那样真的很酷,就自学了HTML和Java编程,从此踏上了码农搬砖的不归路。。。。现如今,建一个网站的成本真的是太低了,特别是有了GitHub以后,不懂代码的孩子都可以自己建站了。好,废话就放到最后说。

一、Git安装配置

1、安装Git软件

2、在Github上注册一个帐号

地址:Github

3、在桌面打开Git,进行设置

代码语言:javascript
复制
git config --global user.name "username"//github的帐号名
git config --global user.email "username@163.com"//github的邮箱地址

4、生成ssh密钥

代码语言:javascript
复制
ssh-keygen -t rsa -C "username@163.com"//github邮箱地址

接着会提醒你输入名字和密码,可以为空 会在C盘的该电脑用户下面生成一个.ssh文件,其中的id_rsa和id_rsa.pub,id_rsa要好好保存,id_rsa.pub用来在github网站做配置用

5、配置github

github设置
github设置

使用Add SSH key,tittle可以随意输,将id_rsa.pub中的密钥保存到这里 设置完成后,可以在本地输入

代码语言:javascript
复制
ssh -T git@github.com

其会将github中的公钥与本地的私钥进行匹配,成功则会返回成功信息

成功返回
成功返回

二、安装Ruby

1、在安装Ruby时一定要勾选Add RubyExcutables to your Path,否则自己要配置环境变量 2、查看是否安装成功

代码语言:javascript
复制
ruby -v

三、安装devkit

四、将Ruby与devkit关联起来

1、在devkit安装目录下

代码语言:javascript
复制
ruby dk.rb init
inti返回
inti返回

会生成一个config.yml 成功的情况下在该文件下面会有一行是关于ruby的安装路径的数据 如果失败也没事,只要通过手动输入就行了

修改
修改

2、在devkit安装目录下

代码语言:javascript
复制
ruby dk.rb install

五、安装配置octopress

1、克隆octopress,切换到自己要安装的文件下

代码语言:javascript
复制
git clone git://github.com/imathis/octopress.git octopress

2、在octopress的文件根目录下

代码语言:javascript
复制
gen sources -a http://gems.ruby-china.org/

一个国内的软件源 移除自带的软件源,因为在国内会被墙

代码语言:javascript
复制
gem sources -r http://rubygems.org

查看软件源

代码语言:javascript
复制
gem sources -l

3、修改octopress文件下面的Gemfile文件中的source地址,也改为http://gems.ruby-china.org/ 如果上面的命令存在执行错误,可以使用windows自带的CMD命令行去执行

4、在octopress下

代码语言:javascript
复制
gem install bundle

过程有点长,会有successful 接着执行

代码语言:javascript
复制
bundle install

过程有点长 最后

代码语言:javascript
复制
rake install

会生成source和public文件,source是源代码的文件,而public是生成的文件

5、编译octopress

在octopress文件下

代码语言:javascript
复制
rake generator

该指令会编译修改的内容,生成好的文件会在public文件下

6、运行

在octopress文件下

代码语言:javascript
复制
rake preview

会使用4000端口,开一个服务 使用localhost:4000访问

六、部署到Github网站上去

1、在Github中创建一个username.github.io的仓库,username为用户自己的Github帐号名

2、在octopress文件下

代码语言:javascript
复制
rake setup_github_pages

会提示你输入github中的git地址

github地址
github地址

会创建_deploy文件,并且跟Github绑定好了 如果上面的指令不起作用,可以使用下面的方式

代码语言:javascript
复制
rake setup_github_pages[github中username.github.io仓库的ssh地址]

3、使用rake generator

4、使用rake deploy,将本地编译好的文件上传到Github中

七、将source目录代码上传到Github分支

代码语言:javascript
复制
git add .
git commit -m 'your message'//注释
git push origin source
相关软件下载地址:软件
学习网站:jekyll
  • 以上です(Ending)
  • ありがどう(Thank You)
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-04-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、Git安装配置
  • 二、安装Ruby
  • 三、安装devkit
  • 四、将Ruby与devkit关联起来
  • 五、安装配置octopress
  • 六、部署到Github网站上去
  • 七、将source目录代码上传到Github分支
    • 相关软件下载地址:软件
      • 学习网站:jekyll
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档