Skip to content

Customized my website #511

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions .github/workflows/jekyll-gh-pages.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# Sample workflow for building and deploying a Jekyll site to GitHub Pages
name: Deploy Jekyll with GitHub Pages dependencies preinstalled

on:
# Runs on pushes targeting the default branch
push:
branches: ["my-website-modifications"]

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
cancel-in-progress: false

jobs:
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Pages
uses: actions/configure-pages@v5
- name: Build with Jekyll
uses: actions/jekyll-build-pages@v1
with:
source: ./
destination: ./_site
- name: Upload artifact
uses: actions/upload-pages-artifact@v3

# Deployment job
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
needs: build
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
2 changes: 1 addition & 1 deletion CNAME
Original file line number Diff line number Diff line change
@@ -1 +1 @@
huangxuan.me

51 changes: 3 additions & 48 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,63 +1,18 @@
[Hux Blog](https://huangxuan.me)
[Pingpingw's Blog](https://pingpingw.me)
================================

> I never expected this to become popular.


![](http://huangxuan.me/img/blog-desktop.jpg)


[User Manual 👉](_doc/Manual.md)
--------------------------------------------------

### Getting Started

1. You will need [Ruby](https://www.ruby-lang.org/en/) and [Bundler](https://bundler.io/) to use [Jekyll](https://jekyllrb.com/). Following [Using Jekyll with Bundler](https://jekyllrb.com/tutorials/using-jekyll-with-bundler/) to fullfill the enviromental requirement.

2. Installed dependencies in the `Gemfile`:

```sh
$ bundle install
```

3. Serve the website (`localhost:4000` by default):

```sh
$ bundle exec jekyll serve # alternatively, npm start
```

### Development (Build From Source)

To modify the theme, you will need [Grunt](https://gruntjs.com/). There are numbers of tasks you can find in the `Gruntfile.js`, includes minifing JavaScript, compiling `.less` to `.css`, adding banners to keep the Apache 2.0 license intact, watching for changes, etc.

Yes, they were inherited and are extremely old-fashioned. There is no modularization and transpilation, etc.

Critical Jekyll-related code are located in `_include/` and `_layouts/`. Most of them are [Liquid](https://github.com/Shopify/liquid/wiki) templates.

This theme uses the default code syntax highlighter of jekyll, [Rouge](http://rouge.jneen.net/), which is compatible with Pygments theme so just pick any pygments theme css (e.g. from [here](http://jwarby.github.io/jekyll-pygments-themes/languages/javascript.html) and replace the content of `highlight.less`.


### Interesting to know more? Checkout the [full user manual](_doc/Manual.md)!


Other Resources
---------------

Ports
- [**Hexo**](https://github.com/Kaijun/hexo-theme-huxblog) by @kaijun
- [**React-SSR**](https://github.com/LucasIcarus/huxpro.github.io/tree/ssr) by @LucasIcarus

[Starter/Boilerplate](https://github.com/huxpro/huxblog-boilerplate)
- Out of date. Helps wanted for updating it on par with the main repo

Translation
- [🇨🇳 中文文档(有点过时)](https://github.com/Huxpro/huxpro.github.io/blob/master/_doc/README.zh.md)


License
-------

Apache License 2.0.
Copyright (c) 2015-present Huxpro

Hux Blog is derived from [Clean Blog Jekyll Theme (MIT License)](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll/)
Pingpingw Blog is derived from [Clean Blog Jekyll Theme (MIT License)](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll/)
Copyright (c) 2013-2016 Blackrock Digital LLC.
53 changes: 27 additions & 26 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,24 +1,25 @@
# Site settings
title: Hux Blog
SEOTitle: 黄玄的博客 | Hux Blog
header-img: img/home-bg.jpg
email: huxpro@gmail.com
description: "这里是 @Hux黄玄 的个人博客,与你一起发现更大的世界 | 要做一个有 swag 的程序员"
title: Pingping's Blog
SEOTitle: wpp的博客 | PingpingWang's Blog
header-img: img/bg-walle.jpg
email: pingping1997w@gmail.com
description: "这里是 @pingw 的个人博客,与你一起认识自我,探索世界 | 人生不设限"
keyword: "黄玄, Hux黄玄, Hux, 鬼栈, huxpro, @huxpro, 黄玄的博客, Hux Blog, 博客, 个人网站, 互联网, Web, JavaScript, React, React Native, 前端, 设计"
url: "https://huangxuan.me" # your host, for absolute URL
url: "https://pinpingw.me" # your host, for absolute URL
baseurl: "" # for example, '/blog' if your blog hosted on 'host/blog'

# Publish posts or collection documents with a future date.
future: true

# SNS settings
RSS: false
weibo_username: huxpro
zhihu_username: huxpro
github_username: huxpro
twitter_username: huxpro
#weibo_username: huxpro
#zhihu_username: huxpro
github_username: pingping1997
twitter_username: particlesping
#facebook_username: huxpro
#linkedin_username: firstname-lastname-idxxxx
linkedin_username: pingping-wang-b91732161
instagram_username: pingsdc

# Build settings
# from 2016, 'pygments' is unsupported on GitHub Pages. Use 'rouge' for highlighting instead.
Expand Down Expand Up @@ -59,7 +60,7 @@ kramdown:
start_line: 1

# Disqus settings
disqus_username: hux
disqus_username: pingpingw

# Netease settings
netease_comment: false
Expand All @@ -70,12 +71,12 @@ netease_comment: false

# Google Analytics
ga_track_id: "UA-49627206-1" # Format: UA-xxxxxx-xx
ga_domain: huangxuan.me
ga_domain: pingpingw.me

# Sidebar settings
sidebar: true # whether or not using Sidebar.
sidebar-about-description: "要做一个有 swag 的程序员 <br> React Team @ Meta"
sidebar-avatar: https://github.com/Huxpro.png # use absolute URL, seeing it's used in both `/` and `/about/`
sidebar-about-description: "WORLD EXPLORER, LIFE HACKER, BE YOURSELF."
sidebar-avatar: https://github.com/pingping1997.png # use absolute URL, seeing it's used in both `/` and `/about/`

# Featured Tags
featured-tags: true # whether or not using Feature-Tags
Expand All @@ -89,14 +90,14 @@ service-worker: true
page-mathjax: false

# Friends
friends:
[
{ title: "乱序(Midare)", href: "http://mida.re/" },
{ title: "Ebn Zhang", href: "https://ebnbin.dev/" },
{ title: "Kun Qian", href: "http://kunq.me" },
{ title: "Sherry Woo", href: "https://sherrywoo.me/" },
{ title: "SmdCn", href: "http://blog.smdcn.net" },
{ title: "JiyinYiyong", href: "http://tiye.me/" },
{ title: "DHong Say", href: "http://dhong.co" },
{ title: "尹峰以为", href: "http://ingf.github.io/" },
]
#friends:
# [
# { title: "乱序(Midare)", href: "http://mida.re/" },
# { title: "Ebn Zhang", href: "https://ebnbin.dev/" },
# { title: "Kun Qian", href: "http://kunq.me" },
# { title: "Sherry Woo", href: "https://sherrywoo.me/" },
# { title: "SmdCn", href: "http://blog.smdcn.net" },
# { title: "JiyinYiyong", href: "http://tiye.me/" },
# { title: "DHong Say", href: "http://dhong.co" },
# { title: "尹峰以为", href: "http://ingf.github.io/" },
# ]
9 changes: 4 additions & 5 deletions _includes/about/en.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
Hey, I am Huang, Xuan (a.k.a. _@huxpro_). I worked on the [React Team](https://beta.reactjs.org/community/meet-the-team#react-core) at <del>Facebook</del>Meta.
Hey, I am Pingping, Wang. Now, I am a PhD student at TU Wien, working in field of sustainability and process systems engineering. My research work is focusing on the integration of carbon capture and storage/utilization (CCS/CCU) into current and future industrial infrastructures.

I considered myself as a hybrid between a software engineer specifically into the programming languages theories and implementations domain (i.e. compiler, type system, type-based formal verification, virtual machine, runtime systems, garbage collection), and a creative technologiest deeply caring about many humanistic aspects (e.g. visual, sound, interaction) in UI and HCI in general.
I am curious about the evolution and comparisons of different social-economic systems and human behaviour. It can help me better understand the fairness in decarbonization and sustainable development. Furthermore, I am also interested in quantitatively project the scenarios of future.

I also worked on the [Hermes JavaScript Engine](https://hermesengine.dev/), some other projects under the [Reality Labs (Research)](https://tech.fb.com/ar-vr/), and [ReasonML](https://reasonml.github.io/) (now [ReScript](https://rescript-lang.org/)) efforts at Meta (Facebook).
I grew up in a chemical industry city known as the "Oil City". My personal growth story also resolves around the chemical industry and chemical engineering. The chemical pollution and interest in chemistry that I have been exposed to since childhood have made me interested in this field since middle school. At that time, I believed that I could change the world through chemistry but create a world without so much pollution.

In the past, I worked on [Alitrip (Fliggy)](https://www.alitrip.com/) mobile and web apps under the [Alibaba Group](https://en.wikipedia.org/wiki/Alibaba_Group), found and lead front-end infrastructure team at an unicorn startup company [Beijing Weiying (a.k.a. WePiao, now acquired by Maoyan)](https://www.crunchbase.com/organization/beijing-weiying-technology), and helped [Ele.me (now acquired by Alibaba)](https://en.wikipedia.org/wiki/Ele.me) to upgrade their mobile web site into [the first influential PWA (progressive web app) in China](https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509).
I studied BSc, chemical engineering at Southwest Petroleum University in Chengdu. I had a very fulfilling four years, participating in and leading different student teams to win awards in many national and international extracurricular competitions. After participating in a Belt and Road Challenge Cup in Shanghai, I had the idea of studying abroad.

I studied BA, Digital Media Art at [Communication University of China](https://en.wikipedia.org/wiki/Communication_University_of_China) and MS, Computer Science (with a focus on programming languages, mainly supervised by [Prof. Matthew Fluet](https://www.cs.rit.edu/~mtf/)) at [Rochester Institute of Technology](https://en.wikipedia.org/wiki/Rochester_Institute_of_Technology).

##### Appearence

Expand Down
7 changes: 4 additions & 3 deletions _includes/about/zh.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
Hey,我是黄玄(a.k.a. Hux, _@huxpro_),一个略懂计算机科学与艺术的斜杆不动青年,自诩是一个[广院](https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E4%BC%A0%E5%AA%92%E5%A4%A7%E5%AD%A6)数字媒体艺术系与 RIT 计算机科学系(师从 [Prof. Matthew Fluet](https://www.cs.rit.edu/~mtf/) 专攻编程语言)杂交出来的[黑客与画家](https://book.douban.com/subject/6021440/)
大家好,我是王萍萍,目前是维也纳技术大学的博士生,研究方向为可持续发展和过程系统工程。我的研究工作重点是将碳捕获和储存/利用(CCS/CCU)整合到当前和未来的工业基础设施中

现为 <del>Facebook</del> Meta 签约软件工程师,就职于开源技术<del>网红</del>团队 [React](https://beta.reactjs.org/community/meet-the-team#react-core),曾参与 [Hermes JavaScript 引擎](https://hermesengine.dev/),[ReasonML](https://reasonml.github.io/) (现 [ReScript](https://rescript-lang.org/)),以及 [Reality Labs](https://tech.fb.com/ar-vr/) 某保密项目等。在国内期间,曾被招募为阿里巴巴 · [阿里旅行(飞猪)](http://alitrip.com)· 前端工程师、微影时代 · 微票儿 · 前端基础设施工程团队负责人、[饿了么](https://ele.me/) · 大前端团队 · [PWA 顾问](https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509) 等
我对不同社会经济系统和人类行为的演变和比较感到好奇。它可以帮助我更好地理解脱碳和可持续发展的公平性。此外,我还对定量预测未来情景感兴趣

我在一个被称为“石油城”的化工城市长大。我的个人成长故事也围绕着化学工业和化学工程展开。我从小就接触到的化学污染和对化学的兴趣使我从中学开始就对这个领域产生了兴趣。那时,我相信我可以通过化学改变世界,但创造一个没有那么多污染的世界。

目前的物理活动范围主要在美帝纽约与硅谷,也想当个数字游<del>民</del>侠。虚拟分身日常出没于[微博](https://weibo.com/huxpro)、[知乎](https://www.zhihu.com/people/huxpro/pins/posts)、[B站](https://space.bilibili.com/43271611)、[Instagram](https://www.instagram.com/huxpro/)、[推特](https://twitter.com/Huxpro/)、[Github](https://github.com/huxpro) 等
我在成都西南石油大学学习化学工程。四年过得非常充实,参加过很多国内、国际的课外比赛,并带领不同的学生团队获奖。在参加上海的“一带一路挑战杯”之后,我萌生了出国留学的想法


##### 技术演讲
Expand Down
2 changes: 1 addition & 1 deletion _includes/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<p class="copyright text-muted">
Copyright &copy; {{ site.title }} {{ site.time | date: '%Y' }}
<br>
Powered by <a href="http://huangxuan.me">Hux Blog</a> |
Powered by <a href="http://pingpingw.me">Pingping's Blog</a> |
<iframe style="margin-left: 2px; margin-bottom:-5px;" frameborder="0" scrolling="0" width="100px"
height="20px"
src="https://ghbtns.com/github-btn.html?user=huxpro&repo=huxpro.github.io&type=star&count=true">
Expand Down
2 changes: 1 addition & 1 deletion _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
<link rel="manifest" href="{{ site.baseurl }}/pwa/manifest.json">

<!-- Favicon -->
<link rel="shortcut icon" href="{{ site.baseurl }}/img/favicon.ico">
<link rel="shortcut icon" href="{{ site.baseurl }}/img/apple.ico">

<!-- Canonical URL -->
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
Expand Down
4 changes: 2 additions & 2 deletions about.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
layout: page
title: "About"
description: "「他单纯只想把日子过得不浪费」"
header-img: "img/bg-me-2022.jpg"
description: "「Our free will is going to our destiny.」"
header-img: "img/bg-walle.jpg"
header-mask: 0.3
multilingual: true
---
Expand Down
Binary file added img/apple.ico
Binary file not shown.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: page
description: "「离开世界之前 一切都是过程」"
description: "「Our free will is going to our destiny.」"
---

{% for post in paginator.posts %}
Expand Down
2 changes: 1 addition & 1 deletion sw.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const PRECACHE_LIST = [
"./js/snackbar.js",
"./img/icon_wechat.png",
"./img/avatar-hux.jpg",
"./img/home-bg.jpg",
"./img/bg-walle.jpg",
"./img/404-bg.jpg",
"./css/hux-blog.min.css",
"./css/bootstrap.min.css"
Expand Down