수식

인라인 수식과 블록 수식을 사용합니다.

인라인 수식은 $\displaystyle \sum_{i=1}{N} \left\lfloor \dfrac 1i \right\rfloor$ 같은 방식으로 글씨와 같이 쓰이며 가끔 중요한 수식은 색을 넣어 ${\color{salmon} a+b }$ 하이라이트 하기도 합니다.

블록 수식은 중앙 정렬된 수식으로, 수식만을 표기할 때나 여러줄의 수식을 보기쉽게 표현하기 위해 사용합니다.

$$ \begin{cases} a+b+c&=3 \\ \\ b+c&=2 & (2) \end{cases} $$

하이라이트

글씨에 하이라이트 되는 방식은 다음과 같습니다.

하이라이트 하는 방식을 적절히 섞어서 사용합니다.

  • 볼드체 : 중요한 내용
  • 붉은 볼드체 : 매우 중요한 내용
  • 파란 볼드체 : 꽤 중요한 내용
  • 녹색 볼드체 : 색 구분,

중앙 정렬 - 중요한 내용

코드

이 블로그의 코드들은 주로 c++ 를 이용해 작성됩니다.

코드들에서 전 다음과 같은 템플릿을 활용하기 때문에 vector<int>vi로 쓴다든지, lower_boundlbi로 쓴다든지 하는 문법들이 나타나지만, 그러려니하고 읽어주시면 됩니다.

//region  
#include <bits/stdc++.h>  
using namespace std;  
typedef long long ll;  
typedef pair<int, int> pi;  
typedef vector<int> vi;  
typedef vector<vi> vvi;  
typedef vector<string> vs;  
#define fastio ios_base::sync_with_stdio(0);cin.tie(NULL);  
#define endl "\n"  
#define pb push_back  
#define all(X) (X).begin(), (X).end()  
#define sz(X) (int)(X).size()  
#define fi first  
#define se second  
#define fv(X) for(auto&_:(X))cin>>_  
#define fv1(X) for(int _=1;_<sz(X);_++)cin>>(X)[_]  
#define fv2(X) for(auto&__:(X))fv(__)  
#define lbi(X, n) int(lower_bound(all(X), n) - begin(X))  
#define ubi(X, n) int(upper_bound(all(X), n) - begin(X))  
#define maxi(X) max_element(all(X)) - begin(X)  
#define maxe(X) *max_element(all(X))  
#define mini(X) min_element(all(X)) - begin(X)  
#define mine(X) *min_element(all(X))  
#define acc(X) accumulate(all(X), 0LL)  
#define cntt(X, x) count(all(X),x)  
#define mp(a, b) make_pair((a),(b))  
#define has(X, x) (find(all((X)),x)!=(X).end())  
#define hass(X, x) ((X).find(x) != (X).end())  
#define hasstr(X, x) (!!strstr(&(X)[0],&(x)[0]))  
#define uniq(X) sort(all(X)),(X).resize(unique(all((X))) - (X).begin())  
inline ll md(ll m, ll x) { return (x %= m) < 0 ? x + m : x; }  
#ifdef LOCAL  
#include "debug.h"  
#else  
#define debug(...) 1  
#endif  
// endregion

또한 위와 같이 코드들은 접어두기도 합니다.

가끔 가다 int인데 long long 처럼 작동하는 코드가 있다면 제가 #define int ll를 써서 코드를 짠 것이므로 오버플로우에 개의치 않으셔도 됩니다.

부가 설명

부가 설명에 다음과 같은 5가지 UI를 사용합니다.

일반적인 부가설명입니다.

추가적인 정보에 대한 부가설명입니다.

이건 뭔가 일반적인것보다 더 중요해보일 때 씁니다.

주의해야할 점에 대한 부가설명입니다.

더 주의해야할 점입니다.

레이아웃

반응형으로 작동하며 페이지의 너비가 일정 이상 넓어지면 우측에 Table of content가 나타납니다.

다크 모드

페이지 상단에 해 모양의 아이콘은 라이트 모드/다크 모드를 전환할 수 있습니다.

헤딩

목차에 따라 분리되며, Table of contents엔 H3 레벨까지 표시됩니다.

H1

H2

H3

H4

H5
H6

코드포스 글

스크립트를 이용해 Contest의 모든 문제들을 긁어오기 때문에 풀지않은 문제도 같이 목차에 있을 수 있습니다.

Categories:

Updated:

Comments