Xây dựng trang cá nhân với gem Jekyll
Nếu bạn là 1 dev Ruby on Rails thì với môi trường đã có sẵn, không mất đến 5 phút để bạn có riêng cho mình 1 trang cá nhân thật ngầu theo các bước sau:
Chuẩn bị
Setup Ruby
Nếu bạn là RoR dev thì có thể bỏ qua bước này, còn nếu không phải thì hãy mở terminal và chạy: install ruby, install bundle
Setup repo & page
Tạo new repo
để tên repo là blog
Setting Github page
Chọn setting trong repo của bạn
Kéo xuống phần github page và chọn master branch:
Vậy là xong phần chuẩn bị rồi, bắt đầu nào!
Bắt đầu
Basic
Nếu bạn muốn bắt đầu với 1 trang hoàn toàn mới và dự mình xây dựng nó
# Install Jekyll and Bundler gems through RubyGems
gem install jekyll bundler
jekyll new myblog
# Change into your new directory
# Build the site on the preview server
bundle exec jekyll serve
# Now browse to http://localhost:4000
With theme
Trên đây là 1 basic blog, còn nếu muốn dùng 1 theme màu mè hơn, đẹp hơn đã được xây dựng sẵn thì bạn có thể search google có vô vàn theme cho các bạn lựa chọn. Mình thì chọn của @wowthemes
Mình chọn mediumish-theme-jekyll
# Clone project
git clone git@github.com:wowthemesnet/mediumish-theme-jekyll.git
# Rename to anything you want
mv mediumish-theme-jekyll blog
# Change into your blog
cd blog
# After create repo on your Github named blog, set it to origin
git remote set-url origin git@github.com:YOUR_GITHUB_ACCOUNT/blog.git
# Change _config.yml
baseurl: '/blog'
# Add your change
git add -A
# Commit them
git commit "Init amazing blog"
# Push them to your repo
git push origin master
Tận hưởng thành quả thôi. Đây là blog của mình https://sondh5.github.io/blog/
Let’s have fun!
Chú ý:
- Nếu không muốn để subpath là “/blog” thì bạn có thể đổi tên repo thành YOUR_GITHUB_ACCOUNT.github.io để có địa chỉ là YOUR_GITHUB_ACCOUNT.github.io
Đừng quên sửa lại _config.yml:baseurl: "" - Cho người dùng mac thì nếu bị lỗi install gem ffi thì tham khảo issue này và gist này.
Tham khảo: