Skip to content

Commit

Permalink
wrapper限制增大,大屏更和谐
Browse files Browse the repository at this point in the history
  • Loading branch information
Lxh-3260 committed Jul 17, 2024
1 parent 57ca829 commit 54ab8d0
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 9 deletions.
29 changes: 22 additions & 7 deletions _posts/2024-7-17-how-to-build-personal-website-by-github.markdown
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,32 @@
layout: post
title: How to build personal website by github
date: 2024-07-17 10:29:27 +08:00
description: You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. # Add post description (optional)
description: # Add post description (optional)
img: website.png # Add image post (optional)
tags: [Website, Software] # add tag
---

## Plaid ramps kitsch woke pork belly
## 搭建前准备
1. 一个github账号
2. 操作系统:macos Sonoma 14.5
3. 科学上网(涉及一些包和依赖的下载,找镜像源也可以,直接执行`ALL_PROXY=http://127.0.0.1:7890`走代理下载更快,其中127.0.0.1是本机回环地址,7890是clash的端口号,其他代理客户端填自己对应的代理端口即可,例如v2rayN是10809)

![Macbook]({{site.baseurl}}/assets/img/mac.jpg)

>Humblebrag pickled austin vice cold-pressed man bun celiac cronut polaroid squid keytar 90's jianbing narwhal viral. Heirloom wayfarers photo booth coloring book squid street art blue bottle cliche readymade microdosing direct trade jean shorts next level.
## 搭建基础
1. 按照如下顺序github - your profile - repositories - new创建一个新的项目,其中repository name必须写自己的github账户名.github.io
>例如我的账户名是lxh-3260,则我的repository name应为lxh-3260.github.io
2. 浏览器里输入url:https://lxh-3260.github.io/,就可以访问界面了,可以把仓库拉取到本地(例如我的项目则为`git clone https://github.com/Lxh-3260/Lxh-3260.github.io.git`),然后在里面新建一个index.html的文件,在里面随便输入一段html的语句,保存后把代码推送到git上,再访问自己的网页,可以发现网页的内容展示了index.html中的内容(如果你只是想展示一些个人信息或者简历,那做到这已经结束了)。
>这里有可能出现git clone的网络错误,最好的办法就是走代理
```shell
git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890
```

## Jekyll环境配置
1. 首先要介绍一下Jekyll,它提供了很多网站模板,可以让我们不用自己去设计个人网页的前端界面,同时还可以执行本地修改后直接预览,执行`bundle exec jekyll serve --trace`,可以在本机的浏览器输入`http://127.0.0.1:4000/`预览修改结果,不用等`git push`后执行流水线的deploy action操作,大大提高了网站维护的效率。同时它基本是开箱即用,不必预先学习jekyll语法,就能使得非前端程序员也能有一个美观的个人网页。

2. 配置jekyll环境首先需要下载ruby,mac自带了一个ruby,但是版本太低不能使用,可以`command+space`输入terminal打开终端,输入`ruby -v`查看ruby版本,发现时2.x,所以需要自己下载一个3.x的ruby。执行`brew install ruby`,会报错`zsh: command not found: brew`,这是因为没有下载brew包管理器,大陆地区直接下载brew`/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"`会报网络错误,这里就要用到代理了,改为执行`ALL_PROXY=http://127.0.0.1:7890 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)`就可以正常下载brew了。

* Hexagon shoreditch beard
* Intelligentsia narwhal austin
* Literally meditation four
* Microdosing hoodie woke
3.
8 changes: 8 additions & 0 deletions _posts/2024-7-17-lc215-partition.markdown
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
layout: post
title: Partition and Min-Heap -- leetcode215
date: 2024-07-17 17:03:56 +08:00
description: # Add post description (optional)
img: # Add image post (optional)
tags: [Alogorithm, Leetcode] # add tag
---
4 changes: 2 additions & 2 deletions assets/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -884,7 +884,7 @@ table tfoot td {
}

.wrapper {
max-width: 1250px;
max-width: 1960px;
position: relative;
}

Expand Down Expand Up @@ -1106,6 +1106,7 @@ footer .copyright {
margin: 0;
}

/* - - - - - - - - - - Post Page Styles - - - - - - - - - - */
.post {
width: 100%;
max-width: 100%;
Expand Down Expand Up @@ -1200,7 +1201,6 @@ a.newer-posts:hover {
transform: translateX(-5px);
}

/* - - - - - - - - - - Post Page Styles - - - - - - - - - - */
.wrap-content {
padding: 20px;
}
Expand Down

0 comments on commit 54ab8d0

Please sign in to comment.