欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

github pages 搭建个人博客

程序员文章站 2022-03-07 11:50:48
...

github pages 搭建个人博客

  1. 登录github创建个人仓库

  2. 将远程仓库clone到本地

  3. 设置远程仓库

    github pages 搭建个人博客

github pages 搭建个人博客

  1. 新建测试主页

    在本地仓库文件夹下新建 index.html

    <!DOCTYPE html>
    <html>
    	<head></head>
    	<body>
    	<p>hello, git page!</p>
    	</body>
    </html
    
  2. 推送到远端

    git add .
    git commit -m "first commit"
    git push origin master
    
  3. 访问第三步中的那个链接

  4. 更换主题

    Github Pages基于Jekyll构建,Jekyll 可以帮助我们把纯文本转换为静态博客网站,

    你可以在JekyllThemes找到喜欢的主题,也可以在其他地方找。

  5. 下载主题源码(clone下来)

  6. 将本地仓库的文件夹清空,保留.git

  7. 将下载的主题源码复制到本地仓库

  8. 搭建jekyll环境

    1. sudo gem install jekyll
      

      github pages 搭建个人博客

      解决

      export HOMEBREW_NO_AUTO_UPDATE=true
      brew install ruby
      export PATH=/usr/local/opt/ruby/bin:$PATH
      source ./.bash_profile
      ruby -v
      

      github pages 搭建个人博客

      sudo gem install jekyll
      
    2. bundle install
      
  9. 本地查看

    bundle exec jekyll serve
    

    github pages 搭建个人博客

  10. 推送到远端

    git add .
    git commit -m "更换主题"
    git push origin master
    
  11. 访问第三步中的那个链接

  12. 样式加载不进来的问题

    修改 _config.yml

    github pages 搭建个人博客

相关标签: git