Personal blog written from scratch using Node.js, Bootstrap, and MySQL. https://jrtechs.net
您最多能選擇 25 個主題 主題必須以字母或數字為開頭,可包含連接號 ('-') 且最長為 35 個字。
 
 
jrtechs 4af846505e added header image for PrismJS blog post 5 年前
.github/ISSUE_TEMPLATE Created a template for creating blog post issues on git repository. 6 年前
.idea Added a sitemap generator 7 年前
admin Got the category pages to work under the routes system. 6 年前
blog fixed youtube rendering and code on /posts 5 年前
blogContent added header image for PrismJS blog post 5 年前
docs added image for readme update 5 年前
includes fixed youtube rendering and code on /posts 5 年前
photography Worked on implementing photo post pages. 6 年前
routes Fixed svg width 5 年前
sites Got the project sites working and fixed bug with pagination bar. 6 年前
templates fixed youtube rendering and code on /posts 5 年前
utils simplified some of my dated sql logic 5 年前
.gitignore Added git ignore to project. 5 年前
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 6 年前
LICENSE Updated License 7 年前
README.md quick update to readme 5 年前
config.json Started working on rss feed 5 年前
docker-compose.yml Created docker script to run mysql db for local development. 5 年前
jrtechs.service Created systemd script to run blog. 6 年前
optimizeImages.sh Created admin server and fixed code highlighting. 7 年前
package.json Started working on rss feed 5 年前
previewer.js Got the photos post to have their write up display above the photos. 6 年前
robots.txt added meta stuff for google 7 年前
run Finished vim configuration post. 6 年前
server.js Got the project sites working and fixed bug with pagination bar. 6 年前
sitemap.txt Started working on rss feed 5 年前

README.md

NodeJSBlog

This is a personal blog where I write about everything from projects to tutorials on sophisticated machine learning algorithms. If you want to stay up to date with new posts, subscribe to my RSS feed.

This project is a custom express application that uses pandoc to render latex/markdown files as HTML pages. This site has its very own admin portal to manage posts and downloads.

Posts Page

Dependencies

  • mysql
  • node + npm
  • pandoc
  • nxinx (for https)

Running

Installing the node-dependencies is as easy as running the npn install command:

npm install

All configurations are currentl found in the config.json file. In this file you specify things like port, sql connection, etc.

There is a provided bash script that will run the application

chmod +x run.sh
./run.sh

For deployment I used a Nginx proxy to expose the node application running on port 8000 to port 80. This proxy is necessary because you can't run a node application as port 80 unless you are root, which would be a security vulnerability.

Unless otherwise stated, everything in this repository can be assumed to fall under these two licenses depending on what type of file it is.

Code, scripts

All code, scripts, or other technical / programmatic items in this repo are assumed fall under the Mozilla Public License 2.0 unless otherwise stated.

Guides, articles, posts, misc. content

Creative Commons Attribution-ShareAlike 4.0 International License

All guides, scripts, posts, or otherwise non-programmatic content in this repo is assumed to fall under the Creative Commons Attribution-ShareAlike 4.0 International unless otherwise stated.

Node Dependencies

- express
- express-session
- mysql
- sanitizer
- promise
- highlight
- crypto
- remarkable
- markdown
- highlight.js
- compression
- memory-cache --save
- request
- nodemailer
- nodemailer-smtp-transport
- whiskers
- node-pandoc

Color scheme

The color scheme has been changing a lot recently.

Adobe Color Wheel

current: top 2C3E50 secondary 498FBE highlight:00F0E1, 88BAFF

Image Optimization

Stuff for automated image compression

apt-get install jpegoptim
apt-get install optipng

./optimizeImages.sh

NGINX Configuration

#jrtechs.net.conf
server 
{
    listen 80;
    server_name www.jrtechs.net jrtechs.net;

    # redirect http requests to https
    return 301 https://jrtechs.net$request_uri;
}

server 
{
    listen 443 ssl http2;

    server_name jrtechs.net;

    ssl_certificate /etc/letsencrypt/live/jrtechs.net/cert.pem;
    ssl_certificate_key /etc/letsencrypt/live/jrtechs.net/privkey.pem;

    location / {
        proxy_pass http://localhost:8000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

Projects Sites

As I develop more projects I would like an easy way to add and host them on my website without having to create another sub-domain and generate more ssl certs. I simply want the project site to be accessible under https://jrtechs.net/project_name.

State Diagram of Plan

diagram