一招学会搭建个人博客网站

作者: Searchen | 来源:发表于2017-04-16 23:05 被阅读481次

    很多人想搭建个人博客网站,但是注册域名和备案又很麻烦,那现在我简单讲下怎么搭建。其实就是:只要学会了怎么将文件上传到github(代码托管平台),就解决了搭建个人博客网站的一大难题。
    网上一些教程说的很复杂,其实,学会怎么把文件上传到代码托管平台github就可以搭建了。先来说说怎么上传到github(也可以使用coding.net),上传之前首先要有个github账号(https://github.com/)
    先注册,注册完成之后在github上建立一个项目(project)。

    建立项目.png

    如果要搭建博客网站的话讲项目名字的命名规则是你的github的名字+.github.io 例如说我的github名是Searworld,那么我在这里就要写成Searworld.github.io,{因为这里我已经使用过了,所以它才红框提示说已经用这个名字创建过项目,所以说,一个github账号只能创建一个个人博客,其他的代码托管可以很多个},第二个方框是简单描述;最后点击绿色按钮创建项目。


    名字和github名字一样.jpg

    创建项目之后会出现这些:这就是上传代码的步骤了

    上传代码的步骤.png
    完成到上面之后,我们要来开始上传了:
    我们是用gitbash来上传文件到github
    1.下载git bash. 下载地址[http://pan.baidu.com/s/1mh6Lh5e]
    2.下载完github,怎么上传?
    选择写好的网页文件,并且右键找到Git Bash,选择
    右键找到Git Bash选择.png
    选择之后是: 选择之后.png
    【注意:这一步是我们把文件放在git Bash上编辑】
    下面开始在里面实现上传:
    git init 初始化
    git add --all 全部添加
    git status
    git commit -m "first commit"
    git remote add origin https://github.com/Searworld/xxx.git {这个要改成你自己的地址}
    git push -u origin master
    这一步,稍等片刻之后会出现类似下面两张图,你填写你的注册的github的名字填写密码就可以上传 输入用户名.png 输入密码.png

    成功上传显示:

    成功上传显示.png

    这是全部流程,还记得我上面上传代码步骤的图?
    有没有发现步骤我只是第2,3步不一样,其他的你只需把你自己生成的项目地址什么的直接复制到上面就行(记得复制之后再git bash上粘贴是右键----paste)
    上传代码之后,刷新页面
    下面是一些上传步骤的图片:每写一步都要Enter

    git init然后Enter出现下面一行,然后再写git add --all然后Enter git status 然后Enter git commit -m "first commit" 然后Enter 复制页面中你创建项目后出现的地址,Enter然后是下面这一句

    这一步之后就出现了上面说的用户名和密码填写,之后就开始上传了

    总结:github是代码托管平台,一般的代码托管随便命名,但要是要可以搭建成博客的的注意命名方式,前面已经提到【用户名.github.io】,上传之后刷新页面,在浏览器打开网址:https://用户名.github.io 就可以访问到了,注意上传的文件首页最好用index.html命名,这是约定熟成的了。例如我的用户名是searworld,那么访问的链接就是https://searworld.github.io

    其实就是一句话,把项目名改成【用户名.github.io】,上传之后访问:https://用户名.github.io 就有了。
    所以,先学会上传,上传之前要写好页面

    好啦,个人博客就是这么搭建的,写的可能有些疏漏,尽请指教!

    相关文章

      网友评论

        本文标题:一招学会搭建个人博客网站

        本文链接:https://www.haomeiwen.com/subject/wdzaattx.html